Sign Up to our social questions and Answers Engine to ask questions, answer people’s questions, and connect with other people.
Login to our social questions & Answers Engine to ask questions answer people’s questions & connect with other people.
Lost your password? Please enter your email address. You will receive a link and will create a new password via email.
Please briefly explain why you feel this question should be reported.
Please briefly explain why you feel this answer should be reported.
Please briefly explain why you feel this user should be reported.
I have the following HTML markup:
<div class="drag a"></div>
<div class="drop a"></div>
I also have the following CSS rule, which should only be applied to my 2nd div:
.drop.a
{
background-color:red;
}
This is working fine, except in Internet Explorer 9 the CSS rule is being applied to both elements.
Why is this? I thought this kind of CSS was universally compatible with all browsers?
Nope. IE up to and including version 6 ignores all class selectors in a chain except the last one. IE9 may be rendering your page in quirks mode, meaning it’ll act like its predecessors, and treat your
.drop.aselector as.ainstead.Try adding a doctype declaration to your page and see if that fixes it. If you already have one on your page and you’re still seeing this behavior, something else is wrong.