2010-10-12 12 views
19

Sono stato a guardare al w3 page on css selectors e non hanno trovato alcuna traccia promettente, così ho pensato di chiedere ...CSS: lo stile quando elemento ha due classi

c'è un modo per lo stile un elemento singolo con due classi in modo diverso rispetto a se fosse una classe?

Esempio:

<a class="foo">Red</a> 
<a class="bar">Yellow</a> 
<a class="foo bar">Orange</a> 

a.foo { color:red; } 
a.bar { color:yellow; } 
a.foo.bar { color:orange; } 
+0

Se stai cercando per lo stile un elemento con due classi specificate, c'è la tua risposta. Se * qualsiasi due * classi, non ne sono così sicuro. – BoltClock

+3

Cosa hai funzionato. Notare che IE6 non supporta l'overloading di classe. Riconosce solo l'ultima classe. –

+0

Per un'illustrazione del punto di @Jason McCreary su IE6, vedere [la mia risposta a un duplicato di questa domanda] (http://stackoverflow.com/questions/3772290/css-selector-that-applies-to-elements-with- two-classes/3772305 # 3772305) – BoltClock

risposta

0

Ho appena provato il codice che hai inserito e funziona perfettamente (almeno su Chrome). Forse c'è un errore nel tuo CSS altrove, o qualche altro stile lo sta sovrascrivendo.

Problemi correlati