javascript - bgcolor 使用 CSS 动态显示表中的替代行

Question

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

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

score 11 · Accepted Answer

使用 :nth-child() 伪类

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

这是更多选择器示例。

score 1 · Accepted Answer

1

您可以使用 CSS3nth-child选择器：

tr:nth-child(odd)

表示 HTML 表格的奇数行。

于 2012-11-19T06:45:55.110 回答

score 1 · Accepted Answer

使用:nth-of-type(n) 伪类

像这样

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

更多信息 点击这里

3 回答 3