Sass详解

Sass（全称Syntactically Awesome Stylesheets）是一个层叠样式表（CSS）的扩展语言和预处理器，旨在帮助开发者更有效地编写和维护样式表。以下是Sass的详细解释：

1.基本特性：

• Sass完全兼容所有版本的CSS，因此你可以无缝地使用任何可用的CSS库。
• Sass扩展了CSS3，增加了变量、混入（Mixin）、选择器、继承、内置函数等特性，使得Sass在编写样式表时具有更大的灵活性和可维护性。
• Sass生成良好格式化的CSS代码，通过变量、嵌套、混入等功能，可以减少代码重复，使代码更加清晰、易于理解和维护。

 2.语法格式：

• Sass包括两套语法。最开始的语法叫做“缩进语法”，与Haml类似，使用缩进来区分代码块。而较新的语法叫做“SCSS”，使用和CSS一样的块语法，即使用大括号将不同的规则分开，使用分号将具体的样式分开。
• 这两套语法通常通过.sass和.scss两个文件扩展名区分开。

3.功能特点：

• 变量：Sass支持定义变量，变量以美元符号（$）作为开头，用冒号（:）赋值。变量可以用作函数的参数或返回值，在解释过程中，解释器会把变量的值写入最终的CSS文件中。
• 嵌套：Sass允许将一套CSS样式嵌套进另一套样式中，内层的样式将它外层的选择器作为父选择器。嵌套功能避免了重复输入父选择器