奇数儿童的风格

Question

我正在寻找一种方法,在显示的奇数(或偶数)子项上应用某些特定样式(因此排除隐藏的子项).Optionnaly,如果在显示隐藏的孩子时应用了这些样式,那将是完美的!

这是一个实时沙箱:http://jsfiddle.net/zrges/1/

这是我在视觉上想要的:http://jsfiddle.net/qJwFj/(当然,它只是一个显示示例,不要处理我为此编写的糟糕代码)

我无法管理好的伪类,css选择器来处理它.

我希望有一个完整的CSS/HTML解决方案(不是一个js/php,这更容易)

非常感谢你!

Answer 1

对于表，您可以使用

tr:nth-child(even) { // your style }
tr:nth-child(odd) { // your style}

或者

tr:nth-child(2n+0) { // your style }
tr:nth-child(2n+1) { // your style}