IE8 ！重要的错误？

Posted 2023-03-06

【中文标题】IE8 ！重要的错误？

【英文标题】：IE8 !important bug?

【发布时间】：2011-10-19 00:23:15

【问题描述】：

我可能遗漏了其他东西，但我正在一个我没有建立的网站上工作，该网站有大量非常混乱的 css 和多个 !important 覆盖。一个布局问题在所有浏览器中都很好，除了某些版本的 IE。

当我使用开发人员工具查看 css 时，我可以看到 1em 的边距被 0.5em 的边距覆盖，但是页面上的边距太大了。即使 1em 的边距看起来像是被覆盖（在开发人员工具中），但当我禁用它工作正常的样式时，换句话说，边距变小了。

那么，如果使用多个 !importants，它们是否存在 IE 不尊重正常覆盖层次结构的错误？或者这可能是开发人员工具中的错误？

我的意思是类似于下面的示例，其中第二个 css 应该覆盖第一个：

.div2 
    margin: 1em !important;


body .div2 
    margin: 0.5em !important;

谢谢

【问题讨论】：

“IE 的某些版本”什么版本？

您的示例在历史上最差的浏览器 IE6 中并没有失败。如果您在 6 以下的 Internet Explorer 版本中进行测试，恐怕您无能为力。如果您使用整个代码（或您正在开发的网站本身）链接到像 jsfiddle.net/eSnue 这样的 jsfiddle，我们将更容易为您提供帮助。

它只发生在 IE8 中，而不是 6,7 或 9。我无法上传网站，因为它是从 java 文件本地生成的。

@Jonas G. Drange：IE6 甚至都没有接近，这个称号将被授予 Netscape 4。

我无法以我在上面粘贴的小提琴形式在 IE8 中重现它。如果隔离上面的代码，IE8 中是否仍然存在错误？ @BoltClock 幸运的是，Netscape 4 的市场份额不如 Internet Explorer 6 (9.7%)。

【参考方案1】：

内联样式覆盖外部样式

【讨论】：

没想到，只是查了一下，没有内联样式。