3-普通变量和默认变量

二、普通变量和默认变量

• 普通变量 定义之后可以在全局范围内使用

$fontSize:12px;
body {
  font-size:$fontSize;
}

• 默认变量 只需要在值的后面加上 !default 即可。

$baseLineHeight:2;
$baseLineHeight:1.5 !default;
body {
  line-height:$baseLineHeight;
}

编译后的css

body{
  line-height:2;
}

sass默认变量一般用来设置默认值，然后根据需要来覆盖，只需要在 默认变量之前重新声明下变量即可