2つのクラスを持つ要素を選択する方法

Question

可能性のある複製：
2つのクラスを持つ要素に適用されるCSSセレクター

私はこの要素を持っています

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

クラスaおよびbの色＃666の要素に適用したい。 CSSでこれを行うにはどうすればよいですか？

Answer 1

クラスセレクターの間にスペースを入れずにチェーンできます。

.a.b {
     color: #666;
}

あなたにとって重要な場合、IE6は.a.bを.bとして扱うため、そのブラウザではdiv.a.bとdiv.bの両方が灰色のテキストになります。適切なブラウザとIE6の比較については、 この回答 をご覧ください。

Answer 2

それらを連鎖させるだけです：

.a.b {
  color: #666;
}