css - css中的替代彩色表格行

Question

我正在尝试修改我们的 Cruise Control .NET 系统以更改构建状态页面的其他行的背景颜色。

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

tr.buildStatus table
    {
    	margin-left: 20px;
    }
    tr.buildStatus td
    {
    	font-style: italic;
    	border: none;
    	text-align: left;
    }
    
    
    /* Adding this affects ALL tables and looks bad */
    tr.buildStatus:nth-child(even) {background: #CCC}
    tr.buildStatus:nth-child(odd) {background: #FFF}
    
    /* I tried this, but it didn't affect the table */
    tr.buildStatus:nth-child(even) { background: #CCC }
    tr.buildStatus:nth-child(odd) { background: #FFF }

我对选择器的工作方式有点困惑。如何将其应用于 BuildStatus 表？

Answer 1

尝试添加表格

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