CSS 预处理器是一种脚本语言,它允许开发人员用一种语言编写代码,然后将其编译成 CSS,从而扩展 CSS。目前最常用的CSS预处理器有Less.js、SASS等。两者具有相同的代码结构,因此如果我们理解其中一个,我们就可以理解另一个 CSS 预处理器。
什么是 Sass?
SASS 代表“语法上很棒的样式表”。 SASS 是 CSS 的预处理语言。 Sass 并不是 CSS 的替 卡塔尔电报号码数据 代品,而是一个让编写 CSS 代码变得更容易的工具。在编写代码时,它最初是scss扩展格式,然后将转换为css格式作为其输出。 SASS 提供了 CSS 所没有的功能,例如变量、嵌套、混合、继承等。这些特性将使我们编写更整洁、更干净的 CSS 代码,同时避免编写重复的代码。
SASS 的优势
最终的 CSS 将会简洁且易于理解。
它将自动在所有浏览器中良好运行。
CSS 输出将更加结构化。
可以说它更像一种编程语言,因为它具有几个特性,例如变量、mixins、if、else、for while、循环。
SASS 的编写方式有两种,分别是 .sass(不带花括号和分号)或 .scss(编写类似 CSS 的 SASS 代码,但具有 SASS 所拥有的附加功能)
可以使用一组有用的语法和函数,例如操作颜色、数学和其他值。
SASS 与所有版本的 CSS 高度兼容,我们可以使用所有可用的 CSS 库。