有什么办法可以做到“if IE”吗？ CSS 文件内部？

Question

我知道如果您使用的是 Internet Explorer，您可以放置​​条件语句来加载不同的 CSS 文件，但是您可以在 CSS 文件内执行此操作吗？

我遇到的情况是，如果是 Internet Explorer，我希望右边距为 20，但如果是任何其他浏览器，则希望右边距为 10。

Answer 1

处理此问题的最简单方法是在 HTML 中设置条件，在页面的其余部分周围放置一个具有特定 id 的 div。

<!--[If IE 8]>
<div id="IE8">
<![endif]-->
  .
  .
  .
<!--[If IE 8]>
</div>
<![endif]-->

然后，你的 CSS 可以做到这一点：

#IE8 div.whatever { ... }

这使得所有这些 CSS hack 都变得不必要了。

Answer 2

CSS 没有官方的条件注释语法。只有条件 HTML 和 JavaScript 注释，因此请发挥创意（John Fisher 展示了一种方法）。

您可以使用非常著名的 CSS hack 来模拟条件 CSS，但我宁愿不这样做。它们可能会在任意版本的 IE 上崩溃或以其他方式意外工作，因为黑客旨在利用 IE 处理 CSS 时的错误。

Answer 3

有像 this 这样的黑客，使用 IE 无法解释的规则意味着 IE 停止处理一条规则使其可以安全地用于其他浏览器。

像这样：

div.iehack { 
  margin-right:20px; 
  voice-family: "\"}\""; 
  voice-family:inherit;
  margin-right:10px; 
} 

Answer 4

进行这些黑客行为会让你的 css 文件变得一团糟。最好为 IE 制作一个单独的文件。在常规 css 文件中将边距设置为 10，并在 IE 特定文件中将其设置为 20，该文件应（有条件）在常规 css 文件之后加载。您知道如何做到这一点，并且几乎没有理由以其他方式做到这一点。