CSS表替代颜色

Question

下面是否有适用于所有浏览器的css3代码版本？

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

Answer 1

没有

但您至少有两个选择：

1. 手动将样式应用于奇数（和/或）偶数行，然后对其进行适当的样式设置：tr.odd {background-color: #ccc; }

2. 使用JS（我建议jQuery）：$('tr:nth-child(odd)').css('background-color','#ccc'); 或 $('tr:nth-child(odd)').addClass('odd')（其中任何一个都需要在$(document).ready();中（或者相当的）但是，显然）。

Answer 2

除非您修改DOM（例如，将类添加到每个其他行），无论是在原始标记中还是在内容加载后使用JS。 （即便如此，它仍然不支持所有浏览器，因为并非所有浏览器都支持CSS，并且并非所有浏览器都支持CSS。