如何提升CSS优先级,!important的用法

说到这种功能,只有自己亲身用到才会有体会,我也是如此。 项目背景: 我在调用百度API的时候,需要改变地图的样式,如:颜色、字体、边框等。但是由于是调用的百度JS,地图样式也是写在JS里,并且写的是行内样式,那么,按照正常的逻辑是如法引用css来控制J

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

项目背景:
我在调用百度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;}

本站部分内容来源互联网,如果有图片或者内容侵犯您的权益请联系我们删除!

相关文档推荐

这里不能用css样式选择器选择input组件,设置 border:none;或border: 0px;outline:none;cursor: pointer; 亲测没有用处,只有写这种格式时生效,如下: input type=text style=border:none;
很多初学制作网页的朋友,可能会遇到的一个常见问题,就是在CSS中加了margin:0 auto;却没有效果,不能居中的问题,margin:0 auto;的意思就是:上下边界为0,左右根据宽度自适应,其实就是水平居中的意思,在这里说两个典型的错误引起的不能居中的问题: 1、
百度快照变慢了、百度收录问题、关键词掉了,这是经常问及的问题,新手站长往往会因此吃不下饭、睡不着觉,网站的推广是一个漫长的过程,心急吃不了热豆腐,不要整天想着一建站就有巨大的流量。同样网站的SEO过程也是相当漫长的,我想这正是新手站长焦虑的原
前端领域又发生了翻天覆地的变化,涌现了许多优秀的Javascript和CSS库,我们继续给大家收集和整理部分出色的前端组件和库分享给大家,希望对您有所帮助。 Moon Moon是一个JavaScript UI库,类似Vue.js,但是相对vue更加简化和直接,它去除一些膨胀代码。 它
设置或获取对象指定的文件名或路径。alert(window.location.pathname
CSS实现背景透明,文字不透明(各浏览器兼容)[转载]以下是示例CSS部分代码: