sass基本使用

1、变量定义 !default

在变量的结尾添加 !default 给一个未通过 !default 声明赋值的变量赋值，此时，如果变量已经被赋值，不会再被重新赋值，但是如果变量还没有被赋值，则会被赋予新的值
变量是 null 空值时将视为未被 !default 赋值

2、混合器

用@mixin 定义内容 用 @include 调用内容

编译后

混合器也支持基本语法

给混合器传参

混合器可以像方法一样传参 、翻译后

3、使用选择器继承来精简CSS

用 @extend 继承
编译后