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;}