Sass、Scss、Less和Stylus的作用和区别

CSS 预处理器

Sass (Syntactically Awesome StyleSheets),是由Ruby语言编写的一款css预处理语言,诞生于2007年,有着严格的缩进风格。官方样式库为 Compass

Scss (Sassy CSS),一款css预处理语言,SCSS 是 Sass 3 引入新的语法,其语法完全兼容 CSS3,并且继承了 Sass 的强大功能。SCSS 需要使用分号和花括号而不是换行和缩进。SCSS 对空白符号不敏感。兼容CSS。

Less 是由 Alexis Sellier于2009年编写的一个CSS 预处理器,最开始由 Ruby 书写,后来改为 JavaScript。Less 由 Sass 启发,语法更接近于CSS,完全兼容CSS。

Stylus 是由 TJ Holowaychuk 编写的一款CSS预处理器,诞生于2010年。官方样式库为 nib

这些CSS预处理器都支持一些常用的CSS语法扩展,比如
变量 (variables)、嵌套 (nested rules)、混合 (mixins)、继承(extends)、导入 (imports)、函数(functions)
但在语法和功能性上有些许差异。

阅读更多