sass基本使用

1、变量定义 !default
sass基本使用
在变量的结尾添加 !default 给一个未通过 !default 声明赋值的变量赋值,此时,如果变量已经被赋值,不会再被重新赋值,但是如果变量还没有被赋值,则会被赋予新的值
变量是 null 空值时将视为未被 !default 赋值
sass基本使用
2、混合器
sass基本使用
用@mixin 定义内容 用 @include 调用内容

编译后
sass基本使用
混合器也支持基本语法
sass基本使用
给混合器传参
sass基本使用
混合器可以像方法一样传参 、翻译后
sass基本使用
3、使用选择器继承来精简CSS
sass基本使用
用 @extend 继承
编译后
sass基本使用