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