非常有用的css伪类

div>ul:first-child{}选择第一个元素

div>ul:last-child{}选择最后一个元素

:nth-child()选择某个元素的一个或多个特定的子元素;你可以按这种方式进行选择: 

:nth-child(length);/*参数是具体数字 length为整数*/

:nth-child(n);/*参数是n,n从0开始计算*/

:nth-child(n*length)/*n的倍数选择,n从0开始算*/

:nth-child(n+length);/*选择大于length后面的元素*/

:nth-child(-n+length)/*选择小于length前面的元素*/

:nth-child(n*length+1);/*表示隔几选一*/

具体使用时乘号(*)不用写,比如 li:nth-child(2n+1)

 

 

:nth-of-type(odd) /*偶数个*/

:nth-of-type(even) /*奇数个*/