Sass：导入样式表默认变量覆盖问题咨询

这完全是Sass的预期行为，核心在于!default变量的工作逻辑：它只会在变量从未被定义过的前提下才会生效。

具体场景拆解 #

• 默认编译结果（蓝色）：当你先导入_import.sass（里面包含$variable: blue !default），此时$variable还没被定义，!default声明会把它设为蓝色，后续编译自然输出蓝色。
• 覆盖后编译结果（黑色）：如果在导入_import.sass之前，你先在main.sass里声明了$variable: black，那么当导入文件读到$variable: blue !default时，发现变量已经有定义了，就会直接跳过这个!default声明，最终编译结果就是黑色。

关于提前声明覆盖值的可行性 #

当然可以！而且这正是Sass设计!default变量的核心目的——方便用户覆盖公共样式/组件库的默认变量。你甚至可以把所有覆盖值放在单独的文件里（比如_custom-variables.sass），只要保证这个覆盖文件在导入带!default变量的文件之前被引入就行。

举个实际的代码示例：

1. 单独的覆盖文件 _custom-variables.sass：

$variable: black

2. 主文件 main.sass 的导入顺序：

// 先导入自定义覆盖变量
@import "custom-variables"
// 再导入带!default默认值的文件
@import "import"

// 后续使用$variable时，值就是你自定义的黑色

这种方式不仅清晰，还能把自定义配置和公共样式代码分离，是Sass开发中的常用最佳实践。

内容的提问来源于stack exchange，提问作者heroxav