Sass的选择器

1、变量声明：

变量的概念

1. 使用美元符号$
2. 注意声明的顺序
3. 可以在一个变量中引到另一个变量中
4. 调用变量是依然使用美元符号加变量名
5. 

2、嵌套

使用Sass可以轻松将多个内容嵌套在一起，而不是像CSS一样需要分开写。 

 3、符号&

将该符号后面的内容与其父元素直接进行链接，不像平常的嵌套子元素一样与父元素是空格链接的，适用于各种伪类。

4、群组嵌套 

子元素和父元素一一配对，反之亦然，如果父元素使用逗号隔开，那么每个父元素都会与子元素一一配对。

 5、多种选择器

可以在嵌套层内使用多种选择器，如 + 相邻兄弟选择器，> 子元素选择器，~ 后继兄弟选择器。

左侧scss 右侧css

 6、多属性叠写

支持多属性叠写，如果我们需要一次性指定，Border-width  Border-style  ，直接嵌套写入，注意border后面有冒号,括号内填对应属性即可Sass编译器会自动链接。

 7、@mixin

可以把它当做一个大型的结构体，生命格式如下:@mixin name{ },在任意处使用@ubclude即可把@mixin定义内容引入。