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影响。
本文内容仅供个人学习、研究或参考使用,不构成任何形式的决策建议、专业指导或法律依据。未经授权,禁止任何单位或个人以商业售卖、虚假宣传、侵权传播等非学习研究目的使用本文内容。如需分享或转载,请保留原文来源信息,不得篡改、删减内容或侵犯相关权益。感谢您的理解与支持!