bgcolor用于动态使用CSS的表中的替代行

Question

如何使用CSS动态地为表中的替代行提供两种不同的bgcolor。

我不想使用jQuery来解决这个问题。

Answer 1

使用：nth-​​child（）伪类

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