Existe-t-il un moyen de rechercher un élément avec plusieurs classes en CSS?

Question

Comment rechercher un élément qui a deux classes en même temps?

Par exemple:

<div><span class="major minor">Test</span></div> 

Je veux le style de toutes les travées qui ont des « grands » et les classes « mineures » en même temps.

Answer 1

Ce qui suit devrait faire l'affaire:

span.major.minor { color: red; } 

Notez que vous devez être prudent avec cela avec Internet Explorer 6 - il ne lit la dernière classe du sélecteur. Par exemple, il appliquera de manière incorrecte la règle ci-dessus à ce qui suit:

<span class="minor">Test</span> 

Answer 2

Utilisez deux fois le qualificatif de classe, par exemple .:

.major.minor { ... } 

Mais. Il ne fonctionne pas dans IE6 (ou IE7 non plus dans Quirks Mode). Lorsque vous spécifiez plusieurs sélecteurs de classe sur le même élément, IE ne fait attention qu'au dernier. Ainsi, le sélecteur ci-dessus correspondrait à n'importe quel élément avec class="minor".

comprennent la duplication de plusieurs solutions de contournement des classes comme une seule classe:

.major-minor { ... } 
<span class="major minor major-minor">...</span> 

Ou, si des éléments de rechange sont disponibles pour le rendre propre, le confinement:

.major .minor { ... } 
<span class="major"><span class="minor">...</span></span>