使用css来设计样式而不是jQuery

Question

我遇到过这段代码：

$("#customTable tr:nth-child(odd)").addClass("newColour");

这会为表格的每一个奇数行着色。

如何在css中处理它而不是使用jQuery来执行它？

Answer 1

#customTable tr:nth-child(odd) { 
    background-color:#eee; 
}
#customTable tr:nth-child(even) { 
    background-color:#fff; 
}

<强> jsFiddle example

Answer 2

#TABLE_ID tr:nth-child(odd) {YOUR RULE HERE}

Answer 3

#customTable tr:nth-child(even) {background: #CCC}

#customTable tr:nth-child(odd) {background: #FFF}

Answer 4

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

此链接可以帮助您

http://www.w3.org/Style/Examples/007/evenodd.en.html