Scss：覆盖变量答案

【问题标题】：Scss: Override VariablesScss：覆盖变量
【发布时间】：2018-04-23 14:26:49
【问题描述】：

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

输入：

$color: red !default;

selector {
  color: $color;
}

$color: blue;

输出：

selector {
  color: red;
}

我已经尝试使用!global，但这也不起作用。我不确定，如果不使用 mixins，这在 SCSS 中是否可行。

【问题讨论】：

【解决方案1】：

您需要在使用!default 声明变量之前对其进行设置。为了达到你希望你的代码看起来像这样的结果：

$color: blue;

$color: red !default;

selector {
   color: $color;
}

Here 是有关!default 工作原理的一些信息。

【讨论】：