CSS3伪类

1、:last-child

比如：查找ul的最后一个li

ul li:last-child {
 //样式
}

2、：first-child

比如：查找ul的第一个li

ul li:first-child {
 //样式
}

3、：before和：after

使用它们来对一个元素前面和右面添加内容，可以是文字，也可以是图标

比如：添加图标

li:before{
    background: url() no-repeat;
    
    content: " ";
    display: block;
    
    /* 图标高度 */
    height: 13px;
    /* 图标宽度 */
    width: 13px;
}

：after和：before使用方法一样

4、:nth-child()

可以选择一个或多个特定的子元素

比如:nth-child(2)【第二个】、nth-child(n)【所有】、nth-child(2n)和:nth-child(even)【偶数】、nth-child(2n+1)和nth-child(odd)【奇数】、nth-child(n+2)【表示从第二个开始】，但是不能是负数