html的中英文名,CSS中!important的使用介绍

CSS中的!importan属性可以让浏览器优选执行这个语句，加上!importanrt可以覆盖父级的样式。本文就来为大家介绍一下CSS中!important的使用方法。

CSS的原理：

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

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

测试Css中的!Important区别

.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显示成蓝色的。

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

更多css知识请关注HTML中文网css教程栏目。