nth-child 偶数和奇数怎么选
时间: 2023-07-22 16:57:38 浏览: 189
jQuery中:nth-child选择器用法实例
nth-child 是 CSS 中的伪类选择器,用于选取某个元素的特定位置。
要选择偶数元素,可以使用 `:nth-child(even)` 伪类选择器。例如:
```css
ul li:nth-child(even) {
/* 样式 */
}
```
上述代码将选中 `<ul>` 元素下的偶数位置的 `<li>` 元素,并可以对其应用特定的样式。
同样地,要选择奇数元素,可以使用 `:nth-child(odd)` 伪类选择器。例如:
```css
ul li:nth-child(odd) {
/* 样式 */
}
```
这段代码将选中 `<ul>` 元素下的奇数位置的 `<li>` 元素,并对其应用特定的样式。
请注意,`:nth-child` 的计数是从 1 开始的,而不是从 0 开始。
阅读全文