(css odd) CSS里面能用odd吗 CSS选择器：奇数和偶数行的选择- 全网首发(图文详解1)

在CSS选择器中，我们可以使用:odd和:even选择器来选择奇数或者偶数行的元素。这种选择器常常用于表格或者列表元素的样式设置中，让奇数行和偶数行有不同的样式，从而提升表格或列表的易读性。

在CSS中使用:odd选择器的基本格式如下：

元素类型:nth-child(odd) {
  //在这里编写针对奇数项的样式
}

举个例子，如果我们想对一个HTML表格进行样式设置，让奇数行的背景颜色为灰色，可以这样编写CSS代码：

<table>
  <tr>
    <td>第一行</td>
  </tr>
  <tr>
    <td>第二行</td>
  </tr>
  <tr>
    <td>第三行</td>
  </tr>
</table>

对应的 CSS 是：

tr:nth-child(odd) {
  background-color: #f5f5f5;
}

:nth-child(odd)这个选择器选择了所有奇数行的tr元素，然后我们设定了这些元素背景色为#f5f5f5，这样所有奇数行的背景颜色就变成了灰色。

同样的，even就是选取偶数行。例如：

tr:nth-child(even) {
  background-color: #e9e9e9;
}