gpt4 book ai didi

css - IE7 特定和 IE 其他特定样式表相互覆盖

转载 作者:太空宇宙 更新时间:2023-11-04 15:11:56 24 4
gpt4 key购买 nike

美好的一天

我正在使用条件样式表来针对 IE7 及更低版本,以及 IE8 和 IE9。

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

场景:我将样式应用到 IE 8 和 9。在 IE7 中该样式不适用,因此我在 IE7-only 样式表中应用新样式来修复它。除非我使用 !important,否则它不会选择 IE7 样式表中的新样式。但是当我在 IE-7 样式表中使用 !important 时,它会再次覆盖 IE8 和 9 样式...

为什么??

谢谢

MY 包含应用了示例样式的代码:

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 时,它都会互相覆盖......

为什么 IE9 和 8 会采用 IE7 样式?反之亦然......

最佳答案

将您的评论替换为:

<!--[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]-->

关于css - IE7 特定和 IE 其他特定样式表相互覆盖,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15271674/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com