Sass快速上手

定义

Sass的学名叫“CSS预处理器”，就是在CSS的基础上，引入了变量、嵌套、mixin（混合）、运算以及函数等功能，增加了代码的灵活性，可以让我们以更少的代码实现同样的效果，而且代码的整洁度、可读性更强。Sass文件还是需要先编译为CSS文件才能正常被浏览器识别。

文件格式

.sass后缀的文件：使用类Ruby的语法，格式为空格缩进式，没有花括号，靠换行区分不同属性，格式要求比较严格。

.scss后缀的文件：是Sass3引入的新语法，基本写法与CSS大致相同

sass中的注释

//我是单行注释
/我是多行注释/
/!我是强制注释/

常用基本语法

变量

通过 $ 符号来定义，通过变量名称实现多处重复引用。
变量的值也可以引用其他变量

嵌套

选择器嵌套：在嵌套的选择器里边应用一个类似于：hover的伪类，就需要用到 & 这个连接父选择器的标识符。

属性嵌套

继承

使用关键词@extend，后面紧跟需要继承的选择器

Mixin混合器

sass中使用@mixin声明混合，可以传递参数，参数名以$符号开始，多个参数以逗号分开，也可以给参数设置默认值。
声明的@mixin通过@include+minxin名称来调用。

颜色函数

@import引入