伪类选择器的用途
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;}