700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > html样式优先级important 如何提升CSS优先级 !important的用法

html样式优先级important 如何提升CSS优先级 !important的用法

时间:2021-12-09 12:21:39

相关推荐

html样式优先级important 如何提升CSS优先级 !important的用法

说到这种功能,只有自己亲身用到才会有体会,我也是如此。

项目背景:

我在调用百度API的时候,需要改变地图的样式,如:颜色、字体、边框等。但是由于是调用的百度JS,地图样式也是写在JS里,并且写的是行内样式,那么,按照正常的逻辑是如法引用css来控制JS里的行内样式的。在这种情况下,就需要使用CSS优先级的功能。

在引用外部JS、CSS文件的时候,需要改里面的样式也需要用到CSS优先级。

解决方案:

其实很简单,在需要修改样式的属性值后面加上!important; 即可。

定义语法:

!important是CSS1就定义的语法,作用是提高指定样式规则的应用优先权。语法格式{ cssRule !important },即写在定义的最后面,例如:box{color:red !important;}

在CSS中,通过对某一样式声明! important ,可以更改默认的CSS样式优先级规则,使该条样式属性声明具有最高优先级,也就是相当于写在最下面。

比如修改一个外部文件里的CSS样式,那么可以这样写:.BMap_bubble_title p{font-size: 14px !important;color: #00b188 !important;}

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。