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选择器还可以用来选中表格中的奇数行等。