:first-child
li:first-child /*也就是找到li元素,并且这个li元素是父元素的第一个元素*/
:last-child
li:last-child /*找到li元素,并且这个li元素是其父元素的最后一个元素*/
:root
li:root /*匹配li元素所在文档的根元素。一般也就是html*/
:nth-child(n)
li:nth-child(4)
/*找到li元素,并且这个li元素是其父元素的第4个元素,n是从1开始算的,*/
/*n也可以是公式,比如2n+1,也可以是关键字:odd、even*/
:nth-last-child(n)
li:nth-last-child(4)
/*找到li元素,并且这个li元素是其父元素的倒数第四个元素,如果n为1,那就是最后一个元素*/
:nth-of-type(n)
li:nth-of-type(2)
/*找到li元素,并且这个li元素是其父元素的第2个li*/
:nth-last-of-type(n)
:first-of-type
:last-of-type
:only-child
li:only-child /*找到li元素,并且这个li的父元素只有一个li元素*/
:only-of-type
li:only-of-type
/*找到li元素,并且li元素的父元素只包含li元素*/
:empty
li:empty /*找到li元素,并且该li元素没有子节点*/