Sass,Scss,Less的区别

一. Sass和Scss区别

Scss是Sass的升级版,他用 {} 代替了 缩进 更符合书写习惯




二. Sass/Scss和Less区别

1.编译环境不同
Sass是在服务端处理的,以前是Ruby,现在是Dart-Sass或Node-Sass,而Less是需要引入less.js来处理Less代码输出CSS到浏览器,也可以在开发服务器将Less语法编译成css文件,输出CSS文件到生产包目录,有npm less, Less.app、SimpleLess、CodeKit.app这样的工具,也有在线编译地址.

2.变量符不一样
Less是@,而Sass/Scss是$.

3.Sass/Scss比Less更强大
Sass/Scss支持条件语句,可以使用if{}else{},for{}循环等等。而Less不支持.

4.Sass/Scss提供四种输出选项:nested, compact, comp

你可能感兴趣的:(笔记,sass,less)