君语贤
时光静好,与君语;细水流年,与君同;繁华落尽,与君老...

前端设计>css>正文

屏蔽网页元素内联样式,提高外联优先级

2019-01-24 12:03 君语贤优先级内联样式外联屏蔽网页元素

屏蔽网页元素内联样式,提高外联优先级

经常修改magento的时候,有遇到element.style。 这个的优先级别超过style.css。 所以修改css,没效果。 怎样能使级别超越element.style呢? 要用到 !important

在css属性值后面加上!important。它的优先级别就超越了element.style

例如:当我们在设置同源PC站和手机站的时候,PC的大图在img图片中默认设置了内联宽高样式,这时候在手机网页上单纯修改CSS样式文件就不可取了,正确的做法是:

.图片父级 img {
width: 100% !important;
height: auto !important;
}

这样就完美解决图片溢出问题了。

本文链接:https://www.weguiding.com/css/211.html