伪类选择器的用途

伪类选择器的用途
1.做鼠标移入、移出效果切换

.a {
    display: inline-block;
    width: 70px;
    height: 20px;
    border: 2px solid #e01222;
    line-height: 20px;
    text-align: center;
    color: #e01222;
}

    a:hover {
            background-color: #e01222;
            color: #fff;
        }

2.画三角形

.triangle:before{
                content:"";
                display:block;
                border:10px solid transparent;
                border-right:10px solid #56a9d3;
}

3.清除浮动

.clear:after{
            content:"";
            display:block;
            clear:both;
            }