2017-08-31 60 views
1

为了保持我想要的div的CSS规则,我必须添加:“padding-left:70px!important”以适用于一般情况。如何优先考虑2!重要

但对于手机,我想填充左:0px。 所以我只是添加到媒体查询的手机大小“填充左:0px!重要”

所以我认为,自动切换到移动大小时,它会采取CSS内部的媒体查询作为一个使用既有!重要。 但是没有发生,它仍然保持75px的填充。

感谢

+4

另一个很好的理由,以避免!不惜一切代价非常重要的。无论如何,媒体是否会在70px之后提出质疑? –

+0

你可以添加你的css吗?唯一的方法就是不要使用!重要的 – masterpreenz

回答

0

CSS样式将带您提供最具体规则,所以请确保您padding-left:0px!important规则仍然比一个声明padding-left:70px!important更具体。

如果特异性相同,则CSS将使用最后定义的规则,因此也确保您的移动覆盖初始padding-left规则后出现

在这里,您可以查看和了解特异性: https://www.w3.org/TR/css3-selectors/#specificity

奖励:计算选择特异性:https://specificity.keegan.st/

0

订购事宜,后来一个与!important将覆盖以前的(!important)一个,见下面的例子,无论媒体查询适用于您的手机,请确保您正确订购它们

(将您的全局CSS移到顶部,并将媒体查询移动到底部)

.test { 
 
    color: red !important; 
 
} 
 

 
.test { 
 
    color: green !important; 
 
}
<span class="test">TEST TEST TEST</span>