less和sass

Less 是一门 CSS 预处理语言，它扩展了 CSS 语言，增加了变量、Mixin、函数等特性，使 CSS 更易维护和扩展。

Sass世界上最成熟、最稳定、最强大的专业级CSS扩展语言！

LESS和Sass之间的主要区别是他们的实现方式不同，LESS是基于JavaScript运行,所以LESS是在客户端处理。
另一方面，Sass是基于Ruby的，是在服务器端处理的。

Less中的注释
变量
混合
匹配模式
运算
嵌套规则
@arguments变量
避免编译、!important

不会偷懒的程序员不是好厨师。

LESS和Sass在语法上有些共性，比如下面这些：

● 混入(Mixins)——class中的class；
● 参数混入——可以传递参数的class，就像函数一样；
● 嵌套规则——Class中嵌套class，从而减少重复的代码；
● 运算——CSS中用上数学；
● 颜色功能——可以编辑颜色；
● 名字空间(namespace)——分组样式，从而可以被调用；
● 作用域——局部修改样式；
● JavaScript 赋值——在CSS中使用JavaScript表达式赋值。

安装
①npm install -g less
②gem install sass、 gem install compass
sass基于Ruby语言开发而成，因此安装sass前需要安装Ruby

less与scss写法上差别不大，用哪个基本上都能满足需求。

---

广告时间：
WebStorm使用less
less即学即用