Less与Sass

前言

Sass 和 Less 都是CSS预处理器，它们引入了许多高级特性，如嵌套规则、变量、混合器、继承等，这些功能让CSS的编写更加简洁、易于维护。

一、什么是Sass和Less？

Sass
Sass是Syntactically Awesome Stylesheets的缩写，是一种基于Ruby的CSS预处理器。 它使用.scss 或.sass 文件扩展名来表示Sass源文件。

Less
Less是一种基于JavaScript的CSS预处理器，它使用.less 文件扩展名来表示Less源文件。

二、Sass和Less的相同点

Less和Sass在语法上有些共性，比如下面这些：
1、混入(Mixins)——class中的class；
2、参数混入——可以传递参数的class，就像函数一样；
3、嵌套规则——Class中嵌套class，从而减少重复的代码；
4、运算——CSS中用上数学；
5、颜色功能——可以编辑颜色；
6、名字空间(namespace)——分组样式，从而可以被调用；
7、作用域——局部修改样式；
8、JavaScript 赋值——在CSS中使用JavaScript表达式赋值。

三、Sass和Less的区别

Less和Sass的主要不同就是他们的实现方式。
Less是基于JavaScript，是在客户端处理的。
Sass是基于Ruby的，是在服务器端处理的。
关于变量在Less和Sass中的唯一区别就是Less用@，Sass用$。

选择与比较

总结

不管是Sass，还是Less，
都可以视为一种基于CSS之上的高级语言，
其目的是使得CSS开发更灵活和更强大，
Sass的功能比Less强大,
基本可以说是一种真正的编程语言了，
Less则相对清晰明了,易于上手,对编译环境要求比较宽松。