1.scss中定义变量
$bg-color: #ed795a; //也可以$bg-color: #ed795a !default;这样写 !default 表示是默认值
.btn-default{
background-color:$bg-color;
}
.btn-default{//编译后是
background-color:#ed795a;
}
scss中的变量也存在作用域,类似于js中的局部变量
$bg-color: #ed795a;
.app{
$bg-color: #8ab945;//类似于js的局部变量
}
.btn-default{
background-color:$bg-color;//这里是 #ed795a 而不是.app里的 #8ab945
}