ie7条件覆盖不起作用

时间:2013-12-22 18:47:37

标签: css internet-explorer-7

<!--[if lt IE 9]><link rel="stylesheet" type="text/css" href="/a/s/major-market/non-reponsive.css" /><![endif]-->
<!--[if IE 7]><link rel="stylesheet" type="text/css" href="/a/s/major-market/ie7.css"><![endif]-->

我有条件地包括了这两个陈述。现在,当我尝试在ie7.css中使用类似的css时,它不起作用。例如

在非reponsive.css中:

.header .features{
   width:25%;
}

在ie7.css:

.header .features{
   width:20%!important;
}

由于某种原因,这不起作用。请帮我搞清楚。

2 个答案:

答案 0 :(得分:0)

确保IE 7条件包含位于页面中所有其他CSS声明/包含的下方,否则将被否决。

答案 1 :(得分:0)

我很确定ie7.css根本没有加载。 !important会覆盖其他样式表中的任何内容。实际上,如果ie7.css位于non-responsive.css之后,那么!important是不必要的。

通过查看您提供的信息,我能说的最多。