将LESS Mixins与！important转换为SCSS

Question

我是SCSS的新手，但是在转换这个LESS代码时遇到了麻烦。

在Less

.white {background: #fff} 

.color {.white() !important}

产生

.white {background: #fff}

.color {background: #fff !important}

我正在尝试复制SCSS中的行为，但到目前为止，我的所有尝试都遇到了语法错误。

我在谷歌搜索中提出的最好的是：Adding !important using a Compass Mixin，但是，它似乎只适用于具有参数的mixins。我的班级/ mixin没有。

Answer 1

您可以尝试placeholder selectors：

%white{
    background: #fff !important;
}

.color{
    @extend %white;
}

它可能不是mixin，但在扩展之前不会将%white添加到CSS中。