利用变量默认值： !default

你可以在变量尚未赋值前，通过在值的末尾处添加 !default 标记来为其指定。 也就是说，如果该变量已经被赋值， 就不会再次赋值， 但是，如果还没有被赋值，就会被指定一个值。

假如 你在 _nav.scss 中：

$red:red!default;

p{

  color: $red;

}

那么在 addr.scss 中@import _nav.scss 之前可重写变量：

$red:#;

@import "../../module/site";

编译的css文件为：

p {

  color: #; }

在引入文件之后重写变量，以及被重写的变量内没有 !default，是无法重写的