Javascript 奇偶行上的不同CSS样式

是否可以仅使用CSS为动态生成的表在奇数行和偶数行上设置不同的样式，而无需在迭代集合时为每行设置正确的样式？

您可以使用

n子项

选择器，尽管并非所有浏览器都支持它

---

您也可以使用jquery，如前所述

我不确定这是否可以跨浏览器使用，我更喜欢jquery本身，但css只有这样才能做到：

tr:nth-child(even) { ... }
tr:nth-child(odd) { ... }

---

您可以使用CSS3实现这一点

tr:nth-child(2n+1) /* targets all odd rows */
tr:nth-child(2n) /* targets all even rows */

---

您可以简单地使用jquery并为奇数行添加类，如

$("tr:nth-child(odd)").addClass("odd");

并使用css作为样式

.odd{background-color:#657383}

---

请参见这里的第n个子项答案演示：您不应该混淆Java和JavaScript（它是为您重新标记的）。对于jQuery，请参见：+1，它的存在是有原因的，如果您首先使用JavaScript，那么就没有任何有效的理由不使用它。