Ensure that the IE 7
conditional include is located below all other CSS declarations/includes within the page otherwise it will get overruled.
ie7 conditional override is not working
-
20-09-2022 - |
题
<!--[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]-->
I have conditionally included this two statements. Now when I try to ovveride a similar css in ie7.css it doesnot work. for example
In non-reponsive.css:
.header .features{
width:25%;
}
In ie7.css:
.header .features{
width:20%!important;
}
This is not working for some reason. please help me figure it out.
解决方案
其他提示
I am quite sure ie7.css is not loaded at all. !important
would override anything in other stylesheets. Actually, if ie7.css comes after non-responsive.css, !important
is unnecessary anyways.
That's the most I can tell by looking at the information you have provided.
不隶属于 StackOverflow