CSS - 优先CSS规则

Question

我有一个项目表与奇数和偶数行着色为更好的视野：

tr:nth-child(even) {background: #CCC} 
tr:nth-child(odd) {background: #FFF} 

我也有检查一个代码，如果该项目是晚，如果是这样的i颜色全部项目排成红色（而不是偶数行和奇数行的通常着色）

此外，每行都有一个类，并且类名取决于项目是否延迟。 的类别是：

.redBackground {background-color:#CD5C5C;} 

.yellowBackground {background-color:#FFFF00;} 

.noBackground {} 

的问题是，该行具有一流不管，偶数奇数行的CSS总是“赢”，所以我从来没有看到红色或黄色的背景。 我如何让它工作，以便在迟到的日期的情况下，它会显示红色和黄色的类，并在正常情况下，它会是奇数或甚至？

Answer 1

使用选择具有较高specificity，例如尝试

table tr.redBackground {background-color:#CD5C5C;} 

Answer 2

使用!important

.redBackground {background-color:#CD5C5C !important;} 

.yellowBackground {background-color:#FFFF00 !important;} 

Answer 3

您可以使用家长选择，您的情况下，这应该工作：

tr.redBackground {background-color:#CD5C5C;} 

tr.yellowBackground {background-color:#FFFF00;} 

或者，

#parent_div .redBackground {background-color:#CD5C5C;} 

#parent_div .yellowBackground {background-color:#FFFF00;} 

Answer 4

为什么不这样做的Java脚本。假设你知道哪些行是为了以后的项目。

if(project is late){ 

    document.getElementById("MyElement").className = "redBackground"; 

} 

保持默认类为奇数和偶数，并在晚期项目更改类的情况下。假设您不介意以编程方式更改课程。