Sass

Sass（英文全称：Syntactically Awesome Stylesheets）是一个最初由Hampton Catlin设计并由Natalie Weizenbaum开发的层叠样式表语言。在开发最初版本之后，Weizenbaum和Chris Eppstein继续通过SassScript来继续扩充Sass的功能。SassScript是一个在Sass文件中使用的小型脚本语言。
Sass是一个将脚本解析成CSS的脚本语言，即SassScript。Sass包括两套语法。最开始的语法叫做“缩进语法”，与Haml类似，使用缩进来区分代码块，并且用回车将不同规则分隔开。而较新的语法叫做“SCSS”，使用和CSS一样的块语法，即使用大括号将不同的规则分开，使用分号将具体的样式分开。通常情况下，这两套语法通过.sass和.scss两个文件扩展名区分开。
CSS3包括一系列选择器和伪类选择器，Sass设计了一些语法，对选择器功能进行了扩展。虽然扩展功能不是CSS的语法，但是Sass解释器会把SassScript解释成合乎CSS语法的CSS文件。此外，Sass解释器也可以对.sass或.scss文件的修改进行监视，以及时更新css文件。可以认为Sass在CSS基础上加入了许多语法糖。
Sass的官方解释器是开源的并且用Ruby语言写成，但是也有用PHP、C语言、Java等实现的版本（C语言版本叫做llibSass，Java语言版本叫做JSass）。
Sass中缩进是语法的一部分。SCSS是巢状元语言，一段合法的CSS代码也是一段合法的SCSS代码。Sass支持与Firefox插件Firebug集成。
SassScript提供以下功能：变量、嵌套、混入（Mixin）、选择器继承。

== 变量 ==
Sass支持定义变量。变量以美元符号（$）作为开头。变量用冒号（:）赋值。
SassScript支持四种数据类型：

数值（可包括单位）
字符串
颜色
布尔类型
变量可以用作函数的参数或返回值。在解释过程中，解释器会把变量的值写入最终的CSS文件中。
SCSS语法的变量示例：

Sass语法的变量示例：

这两段代码会被解释成：

== 嵌套 ==
CSS虽然支持嵌套但是不支持代码块的嵌套，而SCSS支持。这样可更加清晰地表示元素之间的关系。

会被解释成：

在Sass文档中还可以看到有关命名空间、父级引用等的内容。

== 混入（Mixin） ==
Mixin包含一段合法Sass代码，类似于C语言的宏定义。调用Mixin时，解释器会将Mixin扩展成它所包含的完整的Sass代码，因此可以有效地减少代码重复，从而写出更加干净的代码。CSS不支持Mixin，因此重复和类似的代码必须挨个书写。

会被解释成：

=== 循环 ===
Sass支持用@for、@each和@while语句进行迭代…