IE6是支持!important的

最新推荐文章于 2024-07-18 17:34:14 发布

AllinShang

最新推荐文章于 2024-07-18 17:34:14 发布

阅读量692

点赞数

分类专栏：前端开发规范 WEB前端开发 css 文章标签： ie xhtml 浏览器 css html div

WEB前端开发同时被 3 个专栏收录

103 篇文章 0 订阅

订阅专栏

前端开发规范

34 篇文章 0 订阅

订阅专栏

css

25 篇文章 0 订阅

订阅专栏

备注：写在同一选择器中的!important是不被IE6所认的，而分开情况的则正常

参考：http://blog.dmtuan.com/?p=183

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>IE6支持important</title>
<style type="text/css">

.box { background:red;}
.box { background:green !important; }

.box-box { background:green !important; background:red;}
</style>
</head>
<body>
<div class="box">IE6支持important</div>
<div class="box-box">IE6支持importantt</div>
</body>
</html>

IE6是支持!important的

转自：http://bbs.blueidea.com/thread-2982362-1-1.html

首先，这个题目有点老了。为什么要写这个，是因为我在一个群里讨论CSS规则优先级的时候，说了句!important级别最高。因果被批判的体无完肤，什么“!important不好用，谁没事会用它”，“IE6根本不支持这个东西”之类的话。我想说IE6真的是支持!important的。

网上很多讲CSS HACK的教程都有这样的内容，如果想写一个让FF、IE7、IE8可以识别，并且IE6不能识别的CSS HACK，就用!important。造成的结果就是很多人以为!important在IE6下根本不支持，本人当时就是受害者之一。!important在CSS1中就有描述，链接如下：http://www.w3.org/TR/CSS1/#important。为什么会造成IE6不支持的假象呢，原因是IE6有BUG。在IE6中，下面的这段代码显示是不正确的。

提示：您可以先修改部分代码再运行

在标准浏览器下，这个DIV应该是红色的，但在IE6下是黄色的。这个只能说是IE6的BUG，而不能说IE6完全不支持!important。如果把上面的代码改为：

提示：您可以先修改部分代码再运行

怎么样，可以正常显示了吧。同理，下面的代码在IE6下也可以正确显示的。

提示：您可以先修改部分代码再运行

结论：作为CSS优先级别的老大，!important是全浏览器兼容的。

AllinShang

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
IE6是支持!important的

备注：写在同一选择器中的!important是不被IE6所认的，而分开情况的则正常参考：http://blog.dmtuan.com/?p=183IE6支持important.box { background:red;}.box { background:green !important; }.box-box { background:green !
复制链接

扫一扫