css中的important是什么意思?
在html网页中css样式是根据优先级来判断使用的,优先级高的css样式会覆盖优先级低的样式,而css属性有很多都具有继承性,这就会影响我们网页显示,我们可以使用!important来改变这种情况。
!important是CSS1就定义的语法,作用是提高指定样式规则的应用优先权。语法格式{ sRule!important },直接写在定义的最后面,如:
p{color:green !important;}注意:IE一直都不支持这个语法,而其他的浏览器都支持。因此我们就可以利用这一点来分别给FF和IE浏览器样式定义。
如果有定义了一个样式A,比如font-size,你不打算让以后也叫样式A的覆盖掉这个font-size,也可以用 !important . 而如果新样式也用了!important 则还是会强制覆盖掉
.A{
font-size:12px !important;
}
.A{
font-size:14px; //不会生效
}
.A{
font-size:14px !important; //生效
}注意,一定要是同名的样式,也就是样式名都叫A的样式才行,如果是父代与子代的情况就不管用了,比如说:
<html>
<head>
<style>
.father{
font-size:12px !important;
}
.child{
font-size:14px;
}
</style>
<body>
<div>
<div>I am child </div>
</div>
</body>
</html>这种情况下,child的font-size就是14px,不受 father影响。
本文内容仅供个人学习/研究/参考使用,不构成任何决策建议或专业指导。分享/转载时请标明原文来源,同时请勿将内容用于商业售卖、虚假宣传等非学习用途哦~感谢您的理解与支持!