关于sass使用的简便方法

1.在任何一个方式里面引用都得使用「@import」来调用scss：例如@import "../../../style/commonAll";

2.使用嵌套的方式来使用sass: #api p{ color:red;.test{ color:blue}}

3.使用&来代表父类。如果有很多级，那也会一级一级的往上级的类取

4.& 必须作为选择器的第一个字符，其后可以跟随后缀生成复合的选择器，如使用不规范会报错.funky {font: {family: fantasy;size: 30em;weight: bold;}}

5. 占位符选择器 %foo必须要使用@extend来调用

6.Date type SassScript 支持 6 种主要的数据类型：

    数字，1, 2, 13, 10px

    字符串，有引号字符串与无引号字符串，"foo", 'bar', baz

    颜色，blue, #04a3f9, rgba(255,0,0,0.5)

    布尔型，true, false

    空值，null

    数组 (list)，用空格或逗号作分隔符，1.5em 1em 0 2em, Helvetica, Arial, sans-serif

    maps, 相当于 JavaScript 的 object，(key1: value1, key2: value2)

7.scss lists的属性有，nth(选择某一项)、$each(遍历) 、join（将多个数组放置在一起）、append(在数组中添加新值)

8.@extend是在class里面使用extend来替代

9.控制指令 (Control Directives) @if @for @each

    @each @each 指令的格式是 $var in <list>, $var 可以是任何变量名，比如 $length 或者 $name，而 <list> 是一连串的值，也就是值列表。