样式表中!important的用法

语法：选择器{样式:值!import;}

用法1：提高样式的优先级

如：

<style type="text/css">
<!--将!important去掉试试效果-->
a{color:green!important;}
#main a{ color:blue;}
</style>

<div id="main">
<a>实训基地</a>
</div>

对于上面的代码，如果不加important特性，则超链接的颜色为蓝色，但是加上important之后优先级提高了，显示颜色为绿色。

用法2：区分IE6和Firefox浏览器

因为在同一个大括号内（严格来说是对同一个选择器）的样式设置中，如果为同一个样式有两个值，如p{color:blue; color:green!important;}，IE6将忽略带important的，而FF浏览器则使用带important的样式来呈现。

注：在IE7和IE8中，目前和FF一样，都支持此important特性了。