使用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示例

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