IE6下!important生效的三种情况

最新推荐文章于 2020-07-09 15:44:39 发布

nelson

最新推荐文章于 2020-07-09 15:44:39 发布

阅读量685

点赞数

分类专栏： CSS 文章标签： ie class table css button import

本文链接：https://blog.csdn.net/Do_it__/article/details/6062238

版权

35 篇文章 0 订阅

订阅专栏

今天出于学习的目的细心的查看剑平发的那个用CSS实现的步骤条代码：

莫名的发现一个问题就是line-height: 0px !important;在IE6下是生效的。后来通过在google上的搜索发现有两篇博客讲了important在IE6下存在的问题：

1) 下面这篇博客说的是当CSS里面对应得line-height只有这一个：line-height: 0px !important;时，IE6是会忽略掉important，解析成line-height:0px;的。

2) 下面这篇博客说的是在两个相同的CSS里面，一个是h2{color:#FF0000 !important;}另一个是h2{color:#0000FF;}在IE6下同样是呈现color:#FF0000;的效果。

3) 另外还有一个就是h2{color:#FF0000; color:#0000FF !important;}在IE6下呈现的是color:#0000FF;

然后听师父的建议在msdn找到了相关的说明：

我自己做了一个demo完整的演示了一下在IE6下的这几种效果：下下面的代码

? 总结：

对于上面的这个问题，说来说去感觉跟一个HACK有很多的相似之处就是：color: #FF0000 !ie;/*所有IE都能识别（IE6也能，我想这个原理跟上面说的这个有很大关联），其他浏览器不能识别 */

另外注明一点：!后面的ie可以换成任意的字符串但是后来实践发现换别的字符不行，但是可以变一下important，比如importanta, importantc, 等等这样的以important开头的字符

demo详细代码：

关注

专栏目录