sass

$来定义变量
!default表示默认值
sass 的默认变量一般是用来设置默认值，然后根据需求来覆盖的，覆盖的方式也很简单，只需要在默认变量之前重新声明下变量即可。

$baseLineHeight: 1.5 !default;
body{ line-height: $baseLineHeight; }```
编译后的css代码：
body{ line-height:2;}
先声明的先使用
在sass和less中&都是表示父元素
sass可以进行属性的嵌套 属性后面加：即可
```.box {
  border: {
   top: 1px solid red;
   bottom: 1px solid green;
  }
}```