CSS regla ".drop.a" se aplica a la clase de 'arrastre un'

Question

tengo el siguiente código HTML:

<div class="drag a"></div> 
<div class="drop a"></div> 

también tengo la siguiente regla CSS, lo que sólo se debe aplicar a mi segundo div :

.drop.a 
{ 
    background-color:red; 
} 

Esto funciona bien, excepto en Internet Explorer 9, la regla CSS se aplica a ambos elementos.

¿Por qué es esto? Pensé que este tipo de CSS era universalmente compatible con todos los navegadores.

Answer 1

Pensé que este tipo de CSS era universalmente compatible con todos los navegadores?

Nope. IE up to and including version 6 ignores all class selectors in a chain except the last one. IE9 puede renderizar la página en el modo de peculiaridades, lo que significa que va a actuar igual que sus predecesores, y tratar su selector de .drop.a como .a lugar.

Trate de añadir una declaración DOCTYPE a su página y ver si se soluciona el problema. Si ya tiene uno en su página y todavía está viendo este comportamiento, algo más está mal.