css如何增加权重-木庄网络博客

2022-02-08 20:02:31 PHP中文网 JavaScript 百度已收录

本文摘自PHP中文网，作者醉折花枝作酒筹，侵删。

在css中，可以使用“!important”来增加权重，语法“选择器{样式:值!important;}”。css样式中加上“!importanrt”可以覆盖父级的样式；IE6中不能识别，但IE7和别的浏览器中可以用，用来处理浏览器的兼容性。

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

我们希望页面中的所有原子类，都是权重非常大的，这样，一旦页面中的任何一个标签，携带了这个原子类，立即有样式产生，而不会被自己的样式所层叠。所以，这时候，就可以用!important来提升权重！

.warning{
    color:red !important;
}

important是英语重要的意思。注意写法！写在分号之前，如果有多个属性要提升权重，那么必须写多个：

相关阅读 >>

更多相关阅读请进入《css》频道 >>

书籍

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者