深入理解CSS中!important的使用方法

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了深入理解CSS中!important的使用方法，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1421字，纯文字阅读大概需要3分钟。

内容图文

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

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

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

<style>
#Box div{
     color:red;
}
.important_false{
     color:blue;
}
important_true{
     color:blue !important;
}
</style>
<div id="Box">
    <div class="important_false">这一行末使用important</div>
    <div class="important_true">这一行使用了important</div>
</div>

CSS代码第一行设定了box里面所有div中字体色为红色，第二行和第三行都用class重新定义了自身div的字体色为蓝色，不同的是，第二行末使用important，而第三行使用了！
默认情况下，class的优先级小于id，所以，第二行中即使用class重定义了自身样式，也无法生效，所以继承父级属性，这行字还是红色！
但是，第三行中，用了important提升优先级（或看成强制重定义），所以这里的css得以生效，这行字变为了蓝色！

另外有一个值得注意的地方，如果样式这样写：

.testClass{ 
color:blue !important; color:red;
}

这种写法在IE6下是识别不到 !important显示为红色，但也可以通过一下方法让IE6识别到!important

.testClass{ 
color:blue !important; 
} 
.testClass{ 
color:red; 
}

以上就是深入理解CSS中 !important 的使用方法的详细内容，更多请关注Gxl网其它相关文章！

内容总结

以上是互联网集市为您收集整理的深入理解CSS中!important的使用方法全部内容，希望文章能够帮你解决深入理解CSS中!important的使用方法所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端