scss普通变量和默认变量

css yekong

scss普通变量

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

编译后的css代码:

body{
    font-size:12px;
}

scss默认变量

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

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

scss 的默认变量一般是用来设置默认值,然后根据需求来覆盖的,覆盖的方式也很简单,只需要在默认变量之前重新声明下变量即可。

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

编译后的css代码:

body{
    line-height:2;
}
喜欢