CSS规则".drop.a"应用于类"拖动"

Question

我有以下HTML标记:

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

我还有以下CSS规则,它只应用于我的第二个div:

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

这工作正常,除了在Internet Explorer 9中CSS规则应用于这两个元素.

为什么是这样？我认为这种CSS与所有浏览器普遍兼容？

Answer 1

我认为这种CSS与所有浏览器普遍兼容？

不.IE(包括版本6)除了最后一个,否则忽略链中的所有类选择器.IE9可能会以怪癖模式呈现您的页面,这意味着它将像其前辈一样,并将您的.drop.a选择器视为.a替代.

尝试在页面中添加doctype声明,看看是否可以修复它.如果您的页面上已有一个并且您仍然看到此行为,则其他错误.