php - CSS - 表行奇数/偶数的背景颜色

Question

我有一个由 PHP 动态生成的表。我希望我可以使用 CSS 根据表格行的奇数/偶数位置应用背景颜色，即背景颜色每隔一行旋转一次。

这有意义吗？谢谢!

Answer 1

您可以使用 nth-of-type()或 nth-child() CSS3 中的选择器。所有现代浏览器都支持。

例如……

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

/* Do this… */
tr:nth-of-type(odd) { background-color: #ccc; }

/* …or this */
tr:nth-of-type(even) { background-color: #ccc; }