!important在ie6中的使用

最新推荐文章于 2025-09-13 03:01:54 发布

云崖水渊

最新推荐文章于 2025-09-13 03:01:54 发布

阅读量304

点赞数

CC 4.0 BY-SA版权

文章标签： ie firefox class

本文链接：https://blog.youkuaiyun.com/fffflyon/article/details/6749170

本文探讨了在IE6浏览器中CSS margin不起作用的原因，并通过实例解释了使用!important属性时的位置问题。详细分析了不同浏览器对CSS代码的解析顺序，帮助开发者解决兼容性难题。

今天遇到个小问题，做好的网站，在ie6中出了问题，查出来是margin的问题，对ie6单独设的margin没起到作用。在网上搜了一下，发现是加了important属性的margin放的位置不对，大家看下下面的例子，就会明白了：

<style type="text/css">
.a{color:blue;color:red !important;}
.b{color:red !important;color:green;}
.b{}
</style>
<body>
<a class="a" href="#" >真></a>
<a class="b" href="#">正的></a>
</body>
相信大家都能看的出来区别在哪了！！！下面这段是摘录的：

区别Firefox，IE7，IE6： background:orange; *background:green !important ;*background:blue; 说明：这段代码会使在Firefox中，背景呈橙色；IE7中为绿色；IE6中为蓝色。道理如下，Firefox不能识别*，所以后面两句都不执行，直接执行第一句；IE7三个都能识别，但是由于有第二句important的作用，所以就执行了第二句代码；IE6不能识别!imprtant，按照最新原则，那就理所当然的执行了最后一句。注：另外一种方式： background:orange;*background:green;_background:blue;Firefox不支持*和_，所以只实现第一句；IE7不支持_，所以实现第二句；IE6实现第三句。