解决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>

相关推荐

猜你喜欢

解决cloudflare cdn启用https回源协议

解决cloudflare cdn启用https回源协议

这平时使用阿里、百度、腾讯的CDN,都有明显的一个选项设置HTTP或HTTPS回源协议。 但初次了解cloudflare的时候,cloudflare的操作逻辑习惯与方式明显与以前不同。 cloudf...

解决向vim粘贴代码出现汉字乱码的问题

解决向vim粘贴代码出现汉字乱码的问题

方法分为永久解决方法和临时解决方法 1、临时解决方法 检查:在vim编辑器上 :set enc #得到 encoding=latin1 处理:在vim编辑器上 :set encoding=utf-8...