css nth-child
时间: 2023-07-10 22:15:17 浏览: 84
CSS-nth-child
CSS的nth-child伪类可以用来选择某个元素的兄弟元素中的第n个元素。其中n可以是一个具体的数字,也可以是关键词,如even(偶数)和odd(奇数)。
例如,可以使用:nth-child(2n)选择所有偶数元素,或使用:nth-child(3n+1)选择所有序号是3的倍数加1的元素。
以下是一个示例代码,它选择了所有ul元素中的第偶数个li元素,并将它们的背景色设置为灰色:
```css
ul li:nth-child(2n) {
background-color: gray;
}
```
阅读全文