表格布局奇数和偶数行

Question

我有一个生成的表，并在后面的代码中填充数据。我用cssClass属性给它CSS类测试。现在我想给奇数和偶数行提供不同的颜色。但是当我尝试使用普通的CSS代码时，它不起作用。

这是我的CSS代码：

<style>
.test
   {
    tr:nth-child(even) {background: #CCC}
    tr:nth-child(odd) {background: #FFF}
    }
</style>

这是我添加cssClass

的代码背后的代码

tableData.CssClass = "test";

Answer 1

您正在尝试嵌套CSS规则，这些规则只能在less / sass等中使用。

试试这个：

.test tr:nth-child(even) {
background: #ccc;
}
.test tr:nth-child(odd) {
background: #fff;
}

所有主流浏览器都支持：nth-​​child（）选择器，IE8及更早版本除外。