Sass
CSS预处理器
Sass(英文全称:Syntactically Awesome Stylesheets)是一个最初由Hampton Catlin设计并由Natalie Weizenbaum开发的层叠样式表语言。在开发最初版本之后,Weizenbaum和Chris Eppstein继续通过SassScript来继续扩充Sass的功能。SassScript是一个在Sass文件中使用的小型脚本语言。
概况
Sass扩展了CSS3,增加了规则、变量、混入、选择器、继承等等特性。Sass 生成良好格式化的 CSS 代码,易于组织和维护。
SASS是对CSS3(层叠样式表)的语法的一种扩充,它可以使用巢状、混入、选择子继承等功能,可以更有效有弹性的写出Stylesheet。Sass最后还是会编译出合法的CSS让浏览可以使用,也就是说它本身的语法并不太容易让浏览器识别(虽然它和CSS的语法非常的像,几乎一样),因为它不是标准的CSS格式,在它的语法内部可以使用动态变量等,所以它更像一种极简单的动态语言。
功能
变量
Sass支持定义变量。变量以美元符号($)作为开头。变量用冒号(:)赋值
SassScript支持四种数据类型:
变量可以用作函数的参数或返回值。在解释过程中,解释器会把变量的值写入最终的CSS文件中。
SCSS语法的变量示例:
Sass语法的变量示例:
这两段代码会被解释成:
嵌套
CSS虽然支持嵌套但是不支持代码块的嵌套,而SCSS支持。这样可更加清晰地表示元素之间的关系。
会被解释成:
在Sass文档中还可以看到有关名字空间、父级引用等的内容。
混入(Mixin)
Mixin包含一段合法Sass代码,类似于C语言的宏定义。调用Mixin时,解释器会将Mixin扩展成它所包含的完整的Sass代码,因此可以有效地减少代码重复,从而写出更加干净的代码。CSS不支持Mixin,因此重复和类似的代码必须挨个书写。
被解释成
libSass
在2012年HTML5开发者大会上,Sass的创建者Hampton Catlin宣布libSass 1.0版。libSass是一个由Catlin、Araon Leung和Moovweb开发团队开发的开放源代码的C++实现。Current Sass maintainer, Chris Eppstein, has expressed intent to contribute as well.
libSass的设计目标是:
最新修订时间:2023-08-13 23:05
目录
概述
概况
功能
参考资料