变量

Sass为CSS引入了变量这个特性，实在是太棒了！好耶。
变量的值是属性值，可以是用空格隔开的多个值，也可以是用,隔开的多个值，这样我们就可以把像是solid之类的属性值或者字体放在一个变量当中，而不是每次都去写一大长串。或者像是相对字体、特殊的颜色之类的可以添加到变量中方便维护。

语法：$name: value;
变量的命名规则可以是-或者_，但Sass对此并不敏感。

变量也是具有作用域的，{}中定义的只有块作用域，{}外定义的变量在当前文件中都可以使用。
变量还会被后面的赋值覆盖，就和其它语言一样。

嵌套

Sass可以使用嵌套来减少写选择器时重复的量。从外到内，分别是从父级到子级。嵌套还可以和普通的选择器相结合使用。

#class div {
  further {
    h1 {}
    p {}
  }
  
  brother {
    //...
  }
}

这其实是三个后代选择器。

当要在嵌套里使用父选择器时（全部父代组成的选择器），可以使用&。这个可以理解为把父代引用到此处，并且相对于这个选择器前面不再有父选择器，它改变了位置。对于添加伪类、伪元素非常有用。

Sass会被编译为CSS文件，但是没必要把所有的Sass文件都编译成一个CSS文件，可以同通过@import规则把拆分出去的Sass局部文件（以_为开头命名的Sass文件，不会编译成单独的CSS文件，而是被一起编译）给导入到同一个Sass文件中去。在进行导入时，后缀和_都可以省略。

Sass还可以导入CSS文件，只需要把CSS文件的后缀改为.scss。