如何优先考虑2！important

Question

为了保持我想要的div规则我必须添加：“padding-left：70px！important”一般适用。

但对于手机，我想填充左：0px。 所以我只是添加到媒体查询的移动大小“padding-left：0px！Important”

所以我认为当切换到移动大小时会自动将媒体查询中的CSS样式作为两者使用的样式！重要。 但是没有发生，它仍然保持75px填充。

由于

Answer 1

CSS样式将采用您提供的最具体规则，因此请确保您的ObservableCollection规则仍然比声明padding-left:0px!important的规则更具体。

如果特异性相同，那么CSS将使用最后定义的规则，因此还要确保您的移动优化在初始padding-left:70px!important规则后显示为。

这是您可以检查和理解特异性的地方： https://www.w3.org/TR/css3-selectors/#specificity

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

Answer 2

订单很重要，稍后!important会覆盖之前的!important一个，请参阅下面的示例，无论媒体查询适用于您的手机，请确保您正确订购

（将您的全局CSS移至顶部，将媒体查询移至底部）

.test {
  color: red !important;
}

.test {
  color: green !important;
}

<span class="test">TEST TEST TEST</span>