css - 覆盖 Sass 变量

Question

我有一个 Sass 文件，它执行多个导入，如下所示

@import("variables")
@import("custom-variables")
@import("widgets")
@import("custom-styles")

例如，我在变量和自定义变量中声明了一个名为 $promoBoxColor 的变量，然后小部件和自定义样式引用了这个变量。

我发现如果我尝试在自定义样式中使用变量中定义的颜色，而不是自定义变量中定义的颜色。

是否可以在 Sass 中以这种方式覆盖变量？如果我只是覆盖小部件中使用的颜色，它似乎工作正常。

Answer 1

感谢您的回复。发现这样做的最佳方法是使用 !default 设置核心变量文件中的所有变量，然后首先声明自定义变量。