长桌的备用行颜色

Question

如果行数超过一定数量，是否可以为表格行提供交替颜色？

如果我这样做：

tr                {background-color: white;}
tr:nth-child(even){background-color: gray;}

然后它将提供替代颜色，而不管行数。如果我尝试将其限制为五行或更多行的表，并执行：

tr                {background-color: white;}
tr:nth-child(2n+5){background-color: gray;}

然后，正如预期的那样，短表不会被改变，但长表中的前四行也不会改变。

Answer 1

而不是nth:child()使用nth-of-type()这是一个更好的事情，比如说如果在a标签之间生成任何动态元素，你的选择器就会中断。使用nth:type http://jsfiddle.net/FKZtn/22/

进行基本演示