sass default为什么写在后面

sass default为什么写在后面

sass的默认变量仅需要在值后面加上!default
Sass的默认变量一般是用来设置默认值，然后根据需求来覆盖的，覆盖的方式很简单，只需要在默认变量之前重新声明下变量即可。
比如：
$baseLineHeight : 2;
$baseLineHeight : 1.5 !default;
body {
line-height : $baseLineHeight;
}
编译后结果就是：
body {
line-height : 2;
}

我也有疑问，但是可以解决一个情况，就是主题
这是结构//index.scss
$base-color: red!default;;
body {
background-color: $base-color;
transition: background-color .3s linear;
}
//yellow.scss
$base-color: #ffeb3b;
@import "../index";
看yellow这个scss，import在后面，按照从上往下执行的顺序，那就变成定义在前面，默认值在后面。最终生打包生成后的yellow.css就会是黄色
可是为什么要这样吧default写在后面呢，搞不懂，像less多好，为什么呢，我也想问，所以找到你了
说起来这点我还是喜欢less

AU999是千足金的标志，而且国家标准首饰最高就是千足金。根本就没有万足金一说。

如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！

点此我要举报以上问答信息