css - _partial.scss 中的变量可以在导入的文件中重新定义吗？

Question

假设我有 2 个部分 sass 文件:

_partial1.scss  
_partial2.scss  

两者都导入到:应用.scss

如果我定义一个变量...

$mainColor: red //on partial1.  
$mainColor: green //on partial2 and   
$mainColor: blue //on app.scss

如果我在 _partial2.scss 文件上设置

body {
   background: $mainColor;
}

我的 html 背景的颜色将是绿色...
但是 我需要能够稍后在我的 app.scss 上重新定义它，所以......有办法吗？

我问这个是因为我正在使用 foundation 并且我有一个子元素，我需要能够在不更改 _settings.scss 的情况下更改字体和颜色。
你可以找到我的 original question on Zurb's Foundation forum但我认为这里的答案也可能对其他人有用，不一定使用基础。

Answer 1

您可以随时重新定义变量。示例:

app.scss

$mainColor: blue;

#container {
  background: $mainColor; //blue
}

$mainColor: red;

#alert {
  background: $mainColor; //red
}

这是一个 demo .