css - 如何覆盖 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;
}

score 2 · Accepted Answer

2

尝试这个

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

于 2013-03-13T22:14:57.840 回答

score -1 · Accepted Answer

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

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

2 回答 2