## 结构（位置）伪类选择器 <ul> <li> :first-child：选取属于其父元素的首个子元素的指定选择器 </li> <li> :last-child：选取属于其父元素的最后一个子元素的指定选择器 </li> <li> :ntch-child(n)：匹配属于其父元素的第N个子元素，不论元素的类型 event:偶数 odd:奇数 n从0开始 </li> <li> :ntch-last-child(n)：选择器匹配属于其元素的第N个子元素的每个元素，不论元素的类型，从最后一个子元素开始计数。n可以数字、关键词或者公式。 </li> </ul> 代码： ``` ~~~ <style> li:first-child { color: gray; } li:last-child { color: red; } li:nth-child(3) { font-family: \5b8b\4f53; } li:nth-child(2n) { font-weight: bold; } li:nth-last-child(2) { font-size: 20px; } </style> ~~~ ~~~ <ul> <li>第一个li</li> <li>第一个li</li> <li>第一个li</li> <li>第一个li</li> <li>第一个li</li> <li>第一个li</li> </ul> ~~~ ``` 示例：