CSS - 表行的背景颜色奇/偶 [英] CSS - background color of table row odd/even

问题描述

我有一个由PHP动态生成的表。我希望我可以使用CSS应用背景颜色基于表行是奇/偶，即背景颜色旋转每隔一行。

I have a table that is dynamically generated by PHP. I am hoping that I can use CSS to apply a background color based on where the table row is odd/even, i.e. the background color rotates every other row.

合理？
谢谢！

Does that make sense? Thanks!

推荐答案

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

You can use the nth-of-type() or nth-child() selector in CSS3. Supported by all modern Browsers.

例如...

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; }

这篇关于CSS - 表行的背景颜色奇/偶的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！