Sass默认变量

2020-02-13  本文已影响0人  混吃等死小前端

1、默认变量

  • !default的变量为默认变量;
  • 将该标识应用于变量值后面,表示如果该变量没有在其他地方定义或即便定义了但值为 null,那此处设置的默认值才生效,否则使用其他地方设置的那个值;
  • 默认变量一般是用来设置默认值,然后根据需求来覆盖的,覆盖的方式也很简单,只需要在默认变量之前重新声明下变量即可。
//.scss
$baseLineHeight: 2;
$baseLineHeight: 1.5 !default;
body{
    line-height: $baseLineHeight; 
}

//编译后.css
body{
    line-height: 2;
}
上一篇 下一篇

猜你喜欢

热点阅读