如何覆盖tr：nth-​​child（2n）？

Question

网站范围的样式表具有

形式的指令

#outerdiv tr:nth-child(2n) {
    background-color: #cccccc;
}

我想覆盖div #innerdiv中包含的表格，而这些表格又包含在div #outerdiv中。

我发现的唯一作品是：

#innerdiv tr:nth-child(2n) {
    background-color: #ffffff;
}

在我看来，这个过于具体，而且可能非常脆弱。

还有其他方法可以撤消网站范围的指令吗？或者，有没有办法为#innerdiv中的所有表格行指定背景颜色。

FWIW，以下不起作用：

#innerdiv tr {
    background-color: #ffffff; !important;
}

Answer 1

试试这个

#innerdiv tr {
    background-color: #ffffff !important;
}

Answer 2

根据表的嵌套方式，如果第一个表是#outerdiv的直接子项，则可以使用以下代码：

table tr {
    background-color: #fff
}
#outerdiv > table tr:nth-child(2n) {
    background-color: #cccc;
}