CSS - 优先css规则

Question

我有一个元素表，其中奇数行和偶数行着色以获得更好的 View :

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

我还有一个代码来检查元素是否延迟，如果是，我将所有元素行涂成红色(而不是偶数行和奇数行的通常着色)

此外，每一行都有一个类，类名取决于元素是否延迟。 这些类(class)是:

.redBackground {background-color:#CD5C5C;}

.yellowBackground {background-color:#FFFF00;}

.noBackground {}

问题是无论该行属于哪个类，奇数行的 css 总是“获胜”，所以我永远看不到红色或黄色背景。 我如何让它工作，以便在延迟到期的情况下，它会显示红色和黄色类，并且在正常情况下它会是奇数或偶数？

Answer 1

使用 specificity 更高的选择器，例如

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