長表的備用行顏色

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()這是一個更好的東西，如果任何動態元素之間生成一個標籤，您的選擇器將打破。基本演示使用nth:typehttp://jsfiddle.net/FKZtn/22/