css 选择器 基数 偶数

CSS选择器是用来为HTML文档中的元素添加样式的一种方法。在CSS中，基数选择器和偶数选择器是很常用的选择器。接下来我们来详细了解一下它们的使用方法。

基数选择器是指奇数项，可以使用 :nth-child(odd) 表示。在CSS中，第一个元素的索引为1而非0，所以1,3,5,7,…就是奇数索引的元素。

例如，下面的CSS代码将为文档中的所有奇数行添加背景颜色：

p:nth-child(odd) {
  background-color: #dcdcdc;
}

这个选择器将选中所有的

元素，再通过:nth-child(odd)来指定为奇数行，并将其背景色设置为灰色（#dcdcdc）。

偶数选择器是指偶数项，可以使用 :nth-child(even) 表示。

例如，下面的CSS代码将为文档中的所有偶数项添加背景颜色：

p:nth-child(even) {
  background-color: #f5f5f5;
}

这个选择器将选中所有的

元素，再通过:nth-child(even)来指定为偶数行，并将其背景色设置为浅灰色（#f5f5f5）。

总结一下，基数选择器和偶数选择器是流行的CSS选择器，可以很容易地为HTML文档中的元素添加样式。