解决html元素上style的设置被样式表中的设置覆盖

一般情况下,我们在页面代码上的html原色设置的样式效果是最优先的,比如

页面代码


<div class="a1" style="width:10px;"></div>

样式表


.a1{width:5px;}


这个width:10px;一定会覆盖样式表中的width:5px; 也就是实际效果是width:10px;



但也有个别的情况,会让.aa设置的效果覆盖掉style,这个个别情况就是 !important ,如下图的浏览器解析情况。



当样式表中的加了!important的时候,就会覆盖掉页面元素上的style。


如果你要解决这个问题,又不想修改样式表,可在元素上的style也加上一个!important。


<div class="a1" style="width:10px !important;"></div>

相关推荐

猜你喜欢

2023年3月亲测,恢复Google和360浏览器的翻译功能

2023年3月亲测,恢复Google和360浏览器的翻译功能

如图:已成功在360浏览器把github首页翻译成了中文 可能很多人已经掌握了这个技巧,但这个问题却困扰了我很久,直到下决心找资料解决这个翻译问题。只是想不到的时候,解决方案确实如此简单,也不是很麻...

alphaTab.js在播放gp5格式曲谱乱码的解决

alphaTab.js在播放gp5格式曲谱乱码的解决

alphaTab.js是一个用来实现在网页播放guitar pro曲谱的js框架,能够兼容甩有gp格式的在线播放,但是alphaTab.js在播放一年老曲谱的时候会出现汉字乱码。 这里的原因就是这个...

WPS免登录修改脚本,实现不登录wps解锁变灰色的功能按钮

WPS免登录修改脚本,实现不登录wps解锁变灰色的功能按钮

软件截图 应用场景 新版wps不登录不让用,非常麻烦。又不是要VIP功能,只是基本的文本修改字体,大小,加粗这些都不让用。 也是服了这个软件的策划脑子里是怎么想的,这个主要出现在个人版上。虽然解决方...