css - 如何使用 *CSS2* 而不是 CSS3 选择 HTML 表格中的每隔一行？

Question

<分区>

Answer 1

遗憾的是，没有纯粹使用 CSS2 的解决方案。

但是，您可以在 CSS3 中使用 :odd 和 :even 选择器来确定每一行。

tr:nth-child(even) {
   // if it's even - rows 2,4,6 etc - apply styles
}

tr:nth-child(odd) {
   // if it's odd - rows 1,3,5 etc - apply styles
}

nth-child even/odd 在所有主流浏览器中都支持，但在 IE8 和之前的浏览器中不支持。

如果您想要一种使其适用于 IE8 和更早版本的方法，请查看 this article让第 n 个 child 无处不在。