html - CSS 规则在 IE 中有效，但在 Chrome/Firefox 中无效

Question

我的 HTML 中的拼写错误已更正。这个问题仍然有效。

我有这个 HTML 结构:

<div id="div1" class="div1">
     <div id="div2" class="div2">
          <h2 class="h2"> Hello </h2>
     </div>
</div>

还有一个 CSS 表示:

.div1.h2 {
    font-size: 1.6em;
    font-weight: bold;
    color: #808080;
    margin: 0 0 1em 0;
}

对于 IE，CSS 应用于 h2，但不适用于 Chrome 和 Firefox

有什么我想念的吗？

Answer 1

您所有的类(class)都缺少结束引号。

Validate your HTML以防止进一步的怪事。

编辑:(基于更正的 HTML)

由于浏览器解释不一致，.div1.h2可能意味着:

1. 类为div1的所有元素和类h2 (如果浏览器正确，则选择 零 元素)，或者
2. 类为h2的所有元素与类 div1 的祖先 元素(如果浏览器正常运行，则选择您的 <h2> )

我认为 IE 正在处理 .div1.h2就像后一种情况一样。在选择器中添加一个空格:.div1 .h2 .