Scss：覆盖变量

Question

有没有办法在没有mixins或函数的情况下覆盖SCSS中的变量？ 我的设置如下：

输入：

$color: red !default;

selector {
  color: $color;
}

$color: blue;

输出：

selector {
  color: red;
}

我已经尝试使用!global，但这也不起作用。 我不确定，如果在SCSS中甚至可以在不使用mixin的情况下实现这一点。

Answer 1

您需要先设置变量，然后再使用!default对其进行声明。 要获得结果，您希望代码看起来像这样：

$color: blue;

$color: red !default;

selector {
   color: $color;
}

Here是有关!default工作方式的一些信息。