CSS中可以使用:nth-child伪类选择器来筛选奇偶数,以下是代码实现:
/* 筛选出HTML中的偶数元素,例如2、4、6… */ selector:nth-child(even) { /* 设置该元素的样式 */ } /* 筛选出HTML中的奇数元素,例如1、3、5… */ selector:nth-child(odd) { /* 设置该元素的样式 */ }
在代码中,selector是要进行样式设置的HTML元素,可以使用标签名、类名、id等选择器。
需要注意的是,此方法只能对HTML中相同父元素下的子元素进行筛选,如果所选元素不是同一个父元素下的子元素,就不能使用:nth-child伪类选择器了。同时,老版本的浏览器(如IE8等)也不支持该伪类选择器。