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即学即用