说到这种功能,只有自己亲身用到才会有体会,我也是如此。
项目背景:
我在调用百度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;}