css - 有没有办法用 scss 将 !important 添加到多个 css 值？

Question

假设我有几个类需要能够将 !important 添加到类中的值。有没有一种有效的方法来做到这一点？我仍在学习 scss，所以如果有人问到这个问题，我真的很抱歉，我只是找不到答案。

更新

我确实发现我可以创建一个变量并将其添加到每个值的末尾，如下所示:

$i: !important;
$button-background-color: #03A9F4;
$button-color: #fff;

.button {
  border-radius:2px$i;
  color: $button-color$i;
  background-color: $button-background-color$i;
  -webkit-transition:all .3s$i;
  transition:all .3s$i;
  border:0px$i;
  padding:0px$i;
  &:hover {
    background-color: lighten( $button-background-color, 20% )$i;
  }
  &.primary {
    height: 40px$i;
  }
  &.secondary {
    height: 30px$i;
    padding:0 10px$i;
  }
}

这是最快的方法吗？

Answer 1

我认为 scss 的最佳方法是加倍特异性。你可以这样做:

.parent.parent {}

其中的所有内容都将具有更高的特异性。