sass跨文件重写变量

利用变量默认值： !default

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

 假如 你在 _nav.scss 中：

$red:red!default; p{ color: $red; }

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

$red:#000; @import "../../module/site";

编译的css文件为：

p { color: #000; }

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

转载于:https://www.cnblogs.com/hjsblogs/p/5311995.html

相关资源：JAVA上百实例源码以及开源项目