HTML CSS IE7条件代码

Question

我有IE 7的这些HTML条件代码，但它们似乎没有工作。

<!--[if IE 7]>
<link rel="stylesheet" type="text/css" href="/css/stylesie.css" />
<![endif]-->

<link rel="stylesheet" type="text/css" href="/css/styles.css" />

他们有什么问题或我错过的东西吗？

Answer 1

如果你在stylesie.css中调整了IE7的规则，那么它应该在原始css文件后加载：

<link rel="stylesheet" type="text/css" href="/css/styles.css" />

<!--[if IE 7]>
<link rel="stylesheet" type="text/css" href="/css/stylesie.css" />
<![endif]-->

具有相同specificity的选择器的规则将覆盖旧的规则，因此IE7将首先解析stylesie.css并使用styles.css中的规则覆盖这些规则。

Basic example of this behavior:

div, div.red{
    color:red;
}
div{
    color:blue;
}

这将导致所有<div>中出现蓝色，但标记为red的标记除外。

Answer 2

根据给定的信息，我只能猜测：对我而言，"/css/styles.css"覆盖了"/css/stylesie.css"之后的一些CSS属性。所以我试着在之前加入它：

<link rel="stylesheet" type="text/css" href="/css/styles.css" />

<!--[if IE 7]>
<link rel="stylesheet" type="text/css" href="/css/stylesie.css" />
<![endif]-->

Answer 3

我猜你插入它的位置是个问题。您的页面首先加载IE定义，然后添加您的CSS应该是所有浏览器的“默认”。现在，如果IE-Version中有相同元素的定义，那将简单地覆盖那些。