1. ホーム
  2. css

[解決済み】クラスが2つある要素を選択する方法【重複あり

2022-04-09 03:39:58

質問

このような要素があります。

<div class="a b"></div>
<div class="b"></div>
<div class="a"></div>

クラスa,bの要素に#666の色をつけたいのですが。 CSSでこれを行うにはどうしたらよいでしょうか。

どのように解決するのですか?

クラスセレクタを連鎖させることができます スペースなし の間にある。

.a.b {
     color: #666;
}

なお、重要なことですが、IE6では .a.b として .b そのため、そのブラウザでは div.a.bdiv.b はテキストがグレーになります。参照 本解答 をご覧ください。