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

Question

如何使用 CSS2 选择 HTML 表格中的每一行？如果这是不可能的，也欢迎 CSS3 的答案。

score 8 · Accepted Answer

遗憾的是，没有纯粹使用 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 及更早版本的方法，请查看这篇关于使 nth-child 无处不在的文章。

score 4 · Accepted Answer

tr:nth-child(even) {
   /* stub */
}

或者

tr:nth-child(odd) {
   /* stub */
}

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