bgcolor動態使用CSS動態使用CSS的表格中的替代行

Question

如何動態使用CSS動態地爲表中的替代行賦予兩個不同的bgcolor。
我不想用jquery來解決這個問題。

Answer 1

用途：第n個孩子（）僞類

tr:nth-child(odd){ 
    background-color:green 
} 
tr:nth-child(even){ 
    background-color:yellow 
}​ 

DEMO

Here是幾個選擇的例子。

Answer 2

您可以使用CSS3選擇器nth-child：

tr:nth-child(odd) 

代表了HTML表格的奇數行。

Answer 3

Demo

使用:nth-of-type(n)僞類

像這樣

tr:nth-of-type(2n){ 
    background-color:green 
} 
tr:nth-of-type(2n-1){ 
    background-color:yellow 
} 

Demo

更多信息click here