CSS：!important使用代码分享

本篇文章使用最新的ie10以及firefox与chrome测试（截止2013年5月27日22:23:22）

CSS的原理：

我们知道，CSS写在不同的地方有不同的优先级， .css文件中的定义

首先，先看下面一段代码：

nbsp;HTML>  .testClass{ color:blue !important;}    
        测试Css中的Important    

登录后复制

虽然元素的style中有testClass类的定义，但是在上面的css定义中的用!important限定的定义却是优先级最高的，无论是在ie6-10或者Firefox和Chrome表现都是一致的，都显示蓝色。

立即学习“前端免费学习笔记（深入）”；

这种情况也同时可以说明ie6是可以识别!important的，只是这个是ie6的一个缺陷吧。如果写成下面的样式，ie6是识别不出来的：

.testClass{ color:blue !important;color:red;}

登录后复制

这样，在ie6下展示的时候会显示成红色。

当然，也可以通过以下方式来让ie6识别：

.testClass{   color:blue !important;  }  .testClass{   color:red;  }

登录后复制

通过以上方式也是可以让ie6显示成蓝色的。

以上就是CSS：!important使用代码分享的详细内容，更多请关注【创想鸟】其它相关文章！