css伪类选择器:nth-child
时间: 2023-09-24 12:05:57 浏览: 140
CSS3伪类选择器:nth-child()
5星 · 资源好评率100%
:nth-child(n) 是 CSS 伪类选择器之一,它可以匹配某个元素的父元素下的第 n 个子元素,无论它是什么类型的元素。
例如,下面的 CSS 规则将会使得某个 div 元素的第 3 个子元素(无论其类型)的颜色变为红色:
```
div:nth-child(3) {
color: red;
}
```
你也可以使用 `odd` 或 `even` 关键字,来选择奇数或偶数子元素。例如,下面的规则将会选择某个 ul 元素下的所有奇数子元素,并将它们的背景颜色设置为灰色:
```
ul li:nth-child(odd) {
background-color: gray;
}
```
阅读全文