Scss快速上手：减少80%重复的样式代码！

Sass是成熟、稳定、强大的CSS预处理器，而SCSS是Sass3版本当中引入的新语法特性，完全兼容CSS3的同时继承了Sass强大的动态功能

在学习成熟的项目时，看到了十分规整的scss代码（以及一堆看不懂的语法），加上之前对sass/scss的好奇，不妨借此机会系统整理总结学习一下。

（部分内容参考sass官方文档）

1、变量$

在代码中最常见到首部的变量声明

$color-button:#3ecacb;
.button{
   
	color:$color-button;
}

tip：变量支持块级作用域，嵌套规则内定义的变量只能在嵌套规则内使用（局部变量），不在嵌套规则内定义的变量则可在任何地方使用（全局变量）。将局部变量转换为全局变量可以添加 !global 声明

2、嵌套及