css中的可选彩色表格行

我正在尝试修改我们的巡航控制.NET系统，以更改构建状态页面中其他行的背景颜色

cruisecontrol.css文件包含构建状态表的以下内容

tr.buildStatus表
{
左边距：20px；
}
tr.buildStatus td
{
字体：斜体；
边界：无；
文本对齐：左对齐；
}
/*添加此选项会影响所有表，看起来很糟糕*/
tr.buildStatus:n个孩子（偶数）{background:#CCC}
tr.buildStatus:n个孩子（奇数）{背景：#FFF}
/*我试过了，但对桌子没有影响*/
tr.buildStatus:n个孩子（偶数）{background:#CCC}
tr.buildStatus:nth child（奇数）{background:#FFF}

.buildStatus{
边界塌陷：塌陷；
边界间距：0；
宽度：100%；
边框：1px实心#ddd；
}
.buildStatus tr th、.buildStatus tr td{
文本对齐：左对齐；
填充：16px；
}
.buildStatus tr:n子级（偶数）{
背景色：#ccc
}

名字
姓
要点
吉尔
史密斯
50
前夕
杰克逊
94
亚当
约翰逊
67

尝试添加

表格

table tr.buildStatus:nth-child(even) { background: #CCC; }

---

我们需要查看表的html才能确定。现在，样式（最后4个看起来相同，顺便说一句）被添加到具有class

buildStatus

的行中。所以在表中有一个表？如果没有HTML，就不可能回答这个问题，尽管伪选择器

：nth child

应用于元素，而不是子元素。在您的示例中，您将它应用于

.buildStatus

本身，它应该是行上的类。try

tr.buildStatus:nth child（偶数）{background color:#CCC}tr.buildStatus:nth child（奇数）{background color:#FFF}

我尝试过复制相关的HTML，但它太大太复杂了。这是一个非常古老的学校建设系统，我很想扔掉，但这不是我的决定。结果证明，这个类名是错误的。我用下面wazz的答案得到了它，但是我的类名错了。一旦修改了类名，它就可以完美地工作了