less和sass的区别

什么是Sass和Less？

---

Sass和Less都属于CSS预处理器，那什么是 CSS 预处理器呢？

CSS 预处理器定义了一种新的语言，其基本思想是，用一种专门的编程语言，为 CSS 增加了一些编程的特性，将 CSS 作为目标生成文件，然后开发者就只要使用这种语言进行CSS的编码工作。

转化成通俗易懂的话来说就是“用一种专门的编程语言，进行 Web 页面样式设计，再通过编译器转化为正常的 CSS 文件，以供项目使用”。

Sass和Less的区别

1、Less环境较Sass简单

Less基于JavaScript，是需要引入Less.js来处理代码输出css到浏览器，也可以在开发环节使用Less，然后编译成css文件。

2、Less使用较Sass简单

LESS 并没有裁剪 CSS 原有的特性，而是在现有 CSS 语法的基础上，为 CSS 加入程序式语言的特性。只要你了解 CSS 基础就可以很容易上手。

3、从功能出发，Sass较Less略强大一些

①sass有变量和作用域。

• $variable，like php；
• #｛$variable｝like ruby；
• 变量有全局和局部之分，并且有优先级。

②sass有函数的概念；