实现交替行颜色的最简单方法？

Question

免责声明

我不是程序员。

在drupal 7主题的表中实现交替css行颜色的最简单方法是什么？谢谢!

Answer 1

为了增强@Clive的回答，drupal还在默认主题表中的每个TR元素中添加了一个“奇数”和“偶数”的CSS类，以便您也可以使用它们，例如：

tr.odd { background-color: #ccc; }
tr.even { background-color: #aaa; }

这些都是基于$zebra变量的，这些变量在许多模板中都是可用的，正是出于这个目的。

Answer 2

最简单的方法是使用:nth-child伪选择器直接使用CSS：

tr:nth-child(even) td { background: #ccc; }
tr:nth-child(odd) td { background: #aaa; }

适用通常的警告(即它在<9中不起作用)