web-dev-qa-db-fra.com

Comment sélectionner un élément avec 2 classes

Duplicate possible:
Sélecteur CSS qui s'applique aux éléments à deux classes

j'ai ces éléments

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

Je souhaite appliquer aux éléments de classe a et b la couleur # 666. Comment puis-je faire cela avec CSS?

161
Luca Romagnoli

Vous pouvez chaîner des sélecteurs de classe sans espace entre eux:

.a.b {
     color: #666;
}

Notez que, si cela vous importe, IE6 considère .a.b comme .b, de sorte que dans ce navigateur, div.a.b et div.b auront un texte en gris. Voir cette réponse pour une comparaison entre les navigateurs appropriés et IE6.

281
BoltClock

Il suffit de les chaîner ensemble:

.a.b {
  color: #666;
}
22
htanata