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 {}

其中的一切都具有更高的特异性。

Answer 2

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

Answer 3

通常当css文件结构良好时，你不会经常使用！important，除非你需要动态覆盖某些行为。 css规则是从上到下编写的，最后一个是优先级。还要注意如何导入scss文件。另外要提及的是避免使用！重要的是特异性。内联元素具有最高的特异性，然后是id，然后是类，然后是元素本身。如果仔细查看所有这些规则，最终应该使用！important非常罕见。

有没有办法用scss添加！important到多个css值？

3 个答案: