sass

SASS

css预处理器，需bable转化，浏览器不解析，好的兼容

SASS版本3.0之前的后缀名为.sass，而版本3.0之后的后缀名.scss

两者是有不同的，继sass之后scss的编写规范基本和css一致，sass时代是有严格的缩进规范并且没有‘{}’和‘；’。而scss则和css的规范是一致的。

1.变量

　　$开头(同php)、$_color: red;

　　特殊：

　　　　Sht: shop

　　　　border-#{Sht}: 1px solid red;

　　多值变量

　　　　$linkColor: black blue red green yellow;

　　　　a{　　color: nth($linkColor,2)　}　　　　//blue

　　1.2map　(类Json)

　　　　$heading: {h1:2em, h2:1.5em; ...}

　　　　h1{ 　　font-size: map-get($heading,h1)　　　}

2.嵌套

　　①.选择器　　a

　　　　　　　　　&:hover{}

　　②.属性

3.混合

　　@mixin  left{

　　　　float:left;

　　　}

　　ul li {

　　　　@include left

　　}

4.继承

　　@entend

5.运算

6.。。。

　　① 三目判断

　　②循环

div > k {

}

scss

div > {

  k {}

}

以妓会友，评赞走起