css伪类选择器中nth-
时间: 2024-05-14 14:18:37 浏览: 187
CSS3伪类选择器:nth-child()
5星 · 资源好评率100%
nth- 是一个伪类选择器,用于选择一组元素中的某些特定位置的元素。它有两个常用的形式:nth-child()和nth-of-type()。
nth-child()选择器匹配父元素下的某个子元素,在所有子元素中的位置与指定的表达式相同,可以使用数字、关键字、表达式来指定位置。例如:
```
li:nth-child(2) /* 选择第二个li元素 */
li:nth-child(odd) /* 选择所有奇数位置的li元素 */
li:nth-child(3n+1) /* 选择位置为1、4、7、10...的li元素 */
```
nth-of-type()选择器与nth-child()类似,但是只匹配指定类型的元素,例如:
```
p:nth-of-type(2) /* 选择第二个p元素 */
p:nth-of-type(odd) /* 选择所有奇数位置的p元素 */
p:nth-of-type(3n+1) /* 选择位置为1、4、7、10...的p元素 */
```
阅读全文