css教程css如何使用important

在css中，可以在样式后面写上“!important”来提升指定样式规则的应用优先权，语法“选择器{样式:值!important;}”。IE6中不能识别，但在IE7和其他的浏览器中可以使用，用来处理浏览器的兼容性。

前端（vue）入门到精通课程：进入学习
Apipost = Postman + Swagger + Mock + Jmeter 超好用的API调试工具：点击使用

本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。

CSS写在不同的地方有不同的优先级，css文件中的定义 < 元素style中的属性，但是如果使用!important，就会提高指定样式规则的应用优先权，语法格式{ sRule!important }，即写在定义的最后面

!important语法

选择器{样式:值!important;}

!important为开发者提供了一个增加样式权重的方法。应当注意的是!important是对整条样式的声明，包括这个样式的属性和属性值

实例

<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的详细内容，更多请关注zzsucai.com其它相关文章！