¿Usar clases dobles en IE6 CSS?

Question

hay alguna manera de hacer que IE6 comprenda las clases dobles, dicen que tengo una clase MenuButton con una clase de color y posiblemente una clase cliqueada; como:

.LeftContent a.MenuButton {..general rules..} 
.LeftContent a.MenuButton.Orange {..sets background-image..} 
.LeftContent a.MenuButton.Clicked {...hum ta dum...} 

Ahora, IE6 entiende <a class="MenuButton Orange">, pero al añadir se hace clic, como <a class="MenuButton Orange Clicked">, es decir, justo hace caso omiso de la regla Seguido .

Por supuesto, yo podría volver a escribir mi CSS, y tienen sus propias reglas para .MenuButtonOrange
y tal (y probablemente habría tomado mucho tiempo más corto que hacer esta pregunta ;-),
pero caramba, sólo tan poco atractivo y Web 0.9 ...

¡Salud!

Answer 1

IE6 no admite múltiples selectores de clase. La razón por la que ve un cambio con la clase Orange es porque IE6 interpreta a.MenuButton.Orange como a.Orange.

Recomiendo la estructuración de su margen de beneficio de tal manera que se puede trabajar alrededor de este:

<div class="leftcontent"> 
    <ul class="navmenu"> 
    <li><a class="menubutton orange" href="#">One</a></li> 
    <li><a class="menubutton orange clicked" href="#">Two</a></li> 
    </ul> 
</div> 

Al agrupar por un ancestro más específica, puede crear variaciones con las clases de ámbito por ese antepasado (en este ejemplo navmenu) :

.leftcontent .navmenu a { /* ... basic styles ... */ } 
.leftcontent .navmenu a.orange { /* ... extra orange ... */ } 
.leftcontent .navmenu a.clicked { /* ... bold text ... */ } 

No es tan bueno como las clases múltiples, pero lo he usado para evitar la falta de soporte en IE.

Answer 2

Si uso (como he escrito en la pregunta), reglas de etiqueta específica, como .LeftContent a.MenuButton.Orange, funciona ...

Sólo ellos se corresponda si las clases en el selector están en el mismo orden que las clases en el elemento.

Esto no es del todo cierto. IE6 (e IE7 en el modo Quirks) solo recuerda una clase por parte del selector. Si escribe dos, el segundo anula el primero. Entonces 'a.MenuButton.Orange' es idéntico en efecto a 'a.Orange'.

Por lo tanto, hay que evitar los selectores de clases múltiples por ahora.

Answer 3

La secuencia de comandos IE7 de Dean Edwards agrega compatibilidad con múltiples clases para IE6. Ver http://code.google.com/p/ie7-js/