sass简记

虽然内容不多，还是留个笔记吧。css预处理器本身只是添加了编程的特性（就sass而言，主要是变量、嵌套、语句和函数）让写css的过程更像编程，同时大幅提高了样式代码的复用。
1.使用sass要先安装ruby，上官网安装。
2.gem install sass安装sass。
3.写sass文件。
主要知识点：
1.可以使用变量，$a：xxx，变量名前加$符号.变量有作用域，局部变量于优先于外部的同名变量。
2.在属性值中直接使用变量$a,在属性中加外层#{$a}.
3.选择器可以嵌套div{color:red;p{color:pink}}，属性值也可以嵌套，div{border:{color:red}},复合属性的嵌套要加“：”.
4.样式值可以计算，比如width:50px+40px;height:$h*0.9;
5.注释有三种，传统注释、单行注释和加感叹号的注释/*！.
6.继承@extend a，在某个选择器下使用，可以copy a的样式.
7.@mixin a(param){}，预定义一个样式集合，在需要的地方@include获取.
8.@import  "url"插入css/sass文件
9.@if @else @for $a from n to m{} @while ($a >0){} @each $a in n,m,p{}
10.@function name($a){$return $a*3},可以作为某个样式的属性值.
11.sass --style compressed name.sass aim.css 编译风格（nested、expanded、compact、compressed）
sass还有自带的函数供开发者使用：
字符串函数：
unquote（$string）去掉字符串最外边的引号
quote($string)给字符串添加外层双引号，如果有引号统一换成双引号；字符串中间有单引号/空格/特殊字符除-或_时，会报错。
此外还有数字函数、列表函数、三角函数等，目前觉得大部分其实用不上，以后再补充吧。

nth(list,n)函数,选择列表的第n个元素作为值，1是第一个，2是第二个。