1

CSSファイルに次のようなものがあります。

.my_table tr {
    background:#BBBBBB;
}

と

.my_table tr .hover_style {
    background:#AAAAAA;
}

私のHTMLには、hover_styleを使用してテーブルのすべての行があります。

<table class='my_table'>
    <tr class='hover_style'>
    ...
    </tr>
</table>

ただし、すべての行の色は#BBBBBBですが、色をオーバーライドすることを期待しています#AAAAAA ;

私はどこが間違っていますか？

4

1 に答える 1

6

ホバースタイルにスペースがあります。

.my_table tr.hover_style {
    background:#AAAAAA;
}

編集: セレクターの後にスペースがある場合、hover_style が定義されているすべての子孫のスタイルが設定されます。この場合、あなたが言っているのは、「クラス hover_style を持つすべての my_table テーブル行の子孫をスタイルする」ということです。あなたが望むのは、クラス名hover_styleを持つ.my_tableの下のすべてのtd行をスタイルするスペースがないことです。

于 2012-11-28T12:04:33.727 に答える