$来定义变量
!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;
}
}```
网友评论