1

サイト全体のスタイル シートには、次の形式のディレクティブがあります。

#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;
}
4

2 に答える 2

2

これを試して

#innerdiv tr {
    background-color: #ffffff !important;
}
于 2013-03-13T22:14:57.840 に答える
-1

テーブルのネスト方法に応じて、最初のテーブルが の直接の子である場合は、次のコードを使用できます#outerdiv。

table tr {
    background-color: #fff
}
#outerdiv > table tr:nth-child(2n) {
    background-color: #cccc;
}
于 2013-03-13T22:15:44.217 に答える