CSS中!important的使用

本篇文章使用最新的IE10以及firefox与chrome测试（截止2013年5月27日22:23:22）http://www.cnblogs.com/yudy/archive/2013/05/27/3102825.html

CSS的原理：

我们知道，CSS写在不同的地方有不同的优先级， .css文件中的定义 < 元素style中的属性，但是如果使用!important，事情就会变得不一样。

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

<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>测试Css中的!Important区别</title> </head> <style type="text/css">.testClass{
color:blue !important;
}</style><body><div class="testClass" style="color:red;">测试Css中的Important    </div></body></html>

虽然元素的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显示成蓝色的。

以上实例说明使用!important的css定义是拥有最高的优先级的。只是在ie6下出了一点小的bug，注意书写方式一般可以轻松避开的。

本文转自wiwi博客51CTO博客，原文链接http://blog.51cto.com/wiwili/1969152如需转载请自行联系原作者

wiwili

CSS中!important的使用相关推荐

css规则可以放在云上,CSS中!important规则的使用方法
CSS中!important规则的使用方法发布时间:2020-06-15 10:53:11 来源:亿速云阅读:129 作者:Leah 这期内容当中小编将会给大家带来有关CSS中!important ...
CSS 中 !important的用法总结
下面简要的给大家讲一下CSS 中一个比较重要的!important属性,从笔者的实践中总结了以下两点: 1.用于解决IE对某些CSS规范有偏差的情况. 比如在IE中的效果总是和其他的浏览器如firef ...
CSS中!important的用法及作用
定义及语法 !important,作用是提高指定样式规则的应用优先权(优先级).语法格式{ cssRule !important },即写在定义的最后面,例如:box{color:red !impor ...
!Important:CSS中!important的作用用于Ie6.0 与Ie7.0、firefox
{*rule !important}这个css规则当今在网页制作的时候的普及已经非常流行了,以前我对它的理解就停留在'浏览器是否识别阶段' 而没有真正去研究过,可是现在发生了变化.众所周知,!impo ...
css中的优先级最高,css中!important的作用(最高等级)
{*rule !important}这个css规则当今在网页制作的时候的普及已经非常流行了,以前我对它的理解就停留在'浏览器是否识别阶段' 而没有真正去研究过,可是现在发生了变化.众所周知,!impo ...
CSS 中 !important 的用法
important 意为重要的. .app {color: red !important; }#app {color: green; } 以上代码最终结果为红色. 在 CSS 选择器中,ID 选择器 ...
css中!important的用法
!important为开发者提供了一个增加样式权重的方法.应当注意的是!important是对整条样式的声明,包括这个样式的属性和属性值 <style type="text/css&q ...
css中!important作用
例如 .bgC { background-color: #e9faff ; } 中不加 important的时候:chrome 不会显示背景效果: 当加上important的时候,会显示背景效果 !i ...
CSS中的!important属性用法
由于IE并不严格执行W3C标准, 而又几乎垄断了浏览器市场. 所以作为一名合格的网站制作人员, 必须要针对不同的浏览器进行微调. 实现不同浏览器之间兼容的方法有很多, 比如利用JS探测用户的浏览器类型 ...

CSS中!important的使用

CSS中!important的使用相关推荐

最新文章

热门文章