有没有办法用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

!important这不是正确的方法，可以通过在css中添加其父类来管理， .footer .content 或者如果多个css文件更改css文件位置，高优先级的css文件必须比低优先级的css文件位于底部。