文章/答案/技术大牛

发布

社区首页 >问答首页 >IE7特定样式表和IE其他特定样式表相互覆盖

问IE7特定样式表和IE其他特定样式表相互覆盖
EN

Stack Overflow用户

提问于 2013-03-07 20:48:24

回答 1查看 214关注 0票数 0

好日子

我使用条件样式表来定位IE7和更低版本，以及IE8和IE9。

现在的问题是它们相互覆盖：

场景:我将样式应用于IE8和IE9。在IE7中，该样式不适用，因此我在仅限IE7的样式表中应用新样式来修复它。它不会拾取IE7样式表中的新样式，除非我使用!important。但是当我在IE-7样式表中使用!important时，它会再次覆盖IE8和9样式……

为什么？?

谢谢

我应用了示例样式的包含代码：

HTML：

<head>...

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

    <!--[if lt IE 9]>
    <link rel="stylesheet" type="text/css" href="../ie8-only.css" />
    <![endif]-->

    <!--[if IE 9]>
    <link rel="stylesheet" type="text/css" href="../ie9-only.css" />
    <![endif]-->
</head>

CSS：

in IE 8 and 9:

#menuNav ul li#login{                
                float: right;
                margin: 0px;
            }

In IE7:

#menuNav ul li#login{                
                float: none;
                margin: 0px;
            }

每当我使用!important on时，它都会相互覆盖...

为什么IE9和8选择了IE7风格？反之亦然。

css

internet-explorer

回答 1

Stack Overflow用户

回答已采纳

发布于 2013-03-07 20:51:20

将您的评论替换为以下内容：

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

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

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

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/15271674

复制

相似问题

问IE7特定样式表和IE其他特定样式表相互覆盖
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问IE7特定样式表和IE其他特定样式表相互覆盖EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问IE7特定样式表和IE其他特定样式表相互覆盖
EN