比较三个CSS预处理器 Less Sass Stylus
为您详细比较三个 CSS 预处理器（框架）：Sass、LESS 和 Stylus https://www.oschina.net/question/12_44255
Less http://lesscss.cn/
Sass https://www.sass.hk/docs/
Stylus https://stylus.bootcss.com/
三种预处理器相差不大
| 预处理器 | 语法 | 变量 | 嵌套 | Mixins (混入) | 继承 | 导入 | 运算符 |
|---|---|---|---|---|---|---|---|
| Sass | 支持css语法，可省略{}，；缩进来写模块 | $开头 $mainColor: #0982c1; | 支持 | @mixin开头声明，@include引用 | @extend 样式 | css语法 | 支持 |
| Less | 支持css语法 | @开头 @mainColor: #0982c1; | 支持 | 定义成一个类样式 | 跟混入差不多 | css语法 | 支持 |
| Stylus | 支持css语法，可省略{}，：，；使用缩进模块 | 变量名没有任何限定， Stylus (0.22.4)不要@开头，与变量值之间可以用冒号、空格隔开 mainColor = #0982c1 | 支持 | 类似函数，更简单 | @extend 样式 | css语法 | 支持 |
个人体验感觉差别不大，但不建议完全使用缩进模式，因为一个页面如果复杂的话使用没有冒号、分号的样式会让人崩溃。
