css3 选择器 odd

CSS3的选择器种类繁多，其中有一个非常实用的选择器就是odd选择器，它可以用来选中某个元素中索引为奇数的子元素。

例如，一个有10个子元素的列表，如果要让列表中的偶数项背景变成灰色，可以使用以下CSS样式：

li:nth-child(even) {
    background-color: gray;
}

同样地，如果想让列表中的奇数项背景变成绿色，则可以使用odd选择器：

li:nth-child(odd) {
    background-color: green;
}

其中，nth-child是CSS3中的另一个选择器，它可以用来选中某个元素中的第n个子元素。

需要注意的是，在使用nth-child选择器时，参数是从1开始的，而不是0。因此，odd选择器选中的是索引为1、3、5、7等奇数项子元素。

除了列表外，odd选择器还可以用来选中表格中的奇数行等。

总之，odd选择器是一个简单又实用的CSS3选择器，能够很方便地实现一些常见的样式效果。