Sass是一种动态样式语言，比CSS多出好些功能（如变量、嵌套、运算、混入、继承、颜色处理、函数等），更容易阅读。 Sass和Less是当下最为流行的2门CSS预处理语言 ```javascript （1）Sass由于是使用Ruby编写的，所以编译的时候是在服务器端处理； 而Less由于是使用JavaScript编写的，所以编译的时候是在浏览器端处理； （2）Sass拥有更为强大的功能，如循环、函数、混合宏等，而less却没有； （3）Sass拥有成熟稳定的框架来辅助开发，特别是Compass，而less却没有； （4）Sass在国内外讨论热度最大，并且有一个稳定强大的团队在维护； （5）相当多的公司更为倾向于使用Sass，而不是less； ``` ```javascript 在Sass中，有2种语法格式：（1）Sass格式；（2）Scss格式 Sass格式：不使用大括号“{}”和分号“;”，使用严格的缩进式语法 Scss格式：使用大括号“{}”和分号“;”，并不使用严格的缩进式语法规则 ``` ### Sass的安装和使用 [参考](http://www.lvyestudy.com/sass/sass_2.1.aspx) Sass插值 ```javascript #{变量} .item-#{$i} // 插值用于“选择器名” .item-$i // 错误！！ #{$border}-width:1px; // 插值用于“属性名” border:#{$i}px solid red; // 插值用于“属性值” ``` Sass注释 ```javascript 在Sass注释方式：（1）//注释内容；---- 编译后不会保留 （2）/*注释内容*/； （3）/*!注释内容*/。 ----保留一些版权声明的注释说明 ```