头闻号

珠海市伊诗曼生物科技有限公司

其他未分类

首页 > 新闻中心 > 科技常识:css中的important是什么意思
科技常识:css中的important是什么意思
发布时间:2024-09-22 12:34:01        浏览次数:2        返回列表

今天小编跟大家讲解下有关css中的important是什么意思 ,相信小伙伴们对这个话题应该有所关注吧,小编也收集到了有关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影响。

来源:爱蒂网