css - CSS 规则“.drop.a”被应用到类“drag 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 可能会在 quirks 模式下呈现您的页面，这意味着它将像它的前辈一样行事，并将您的.drop.a选择器视为.a相反。

尝试将 doctype 声明添加到您的页面，看看是否可以修复它。如果您的页面上已经有一个并且您仍然看到此行为，则说明其他问题。