css如何使用important(2)-木庄网络博客

2022-03-18 14:17:27 PHP中文网 JavaScript 百度已收录

实例

<style type="text/css">
a{
    color:green!important;
}
#main a{
     color:blue;
 }
 </style> 
 <div id="main">
     <a>!important实例</a>
 </div>

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

注意：

如果!important被用于一个简写的样式属性，那么这条简写的样式属性所代表的子属性都会被作用上!important。
关键字!important必须放在一行样式的末尾并且要放在该行分号前，否则就没有效果。（不过分号前的空格不会影响它）
如果因为一些特殊原因，你不得不在一个代码块中声明两个同样的属性，那么请把!important加在第一个属性后面，因为这样做会让所有浏览器中第一个属性的权重更大，而IE6除外（这是一个只有IE6才有的hack，但是不会影响你的CSS）

推荐学习：css视频教程

以上就是css如何使用important的详细内容，更多文章请关注木庄网络博客！

相关阅读 >>