引导者本文目录一览：
- 1、less与sass是怎么实现css里可运算
- 2、sass和less是什么?为什么要用
- 3、表析LESS,Sass和Stylus的异同
- 4、sass和less区别
- 5、创建项目选择了less还能换成sass吗?
less与sass是怎么实现css里可运算
1、运算——CSS中用上数学sass和less；颜色功能——可以编辑颜色sass和less；名字空间(namespace)——分组样式，从而可以被调用；作用域——局部修改样式；JavaScript 赋值——在CSS中使用JavaScript表达式赋值。
2、算术运算：Sass和Less都支持算术运算，如加减 乘除。但是在语法和操作符使用上略有差异。 嵌套规则：Sass和Less都支持嵌套定义CSS规则，但是语法略有不同。Sass使用缩进来表示嵌套，而Less使用大括号。
3、sass与less的安装 ：sass基于Ruby语言开发而成，因此安装sass前需要安装Ruby。less 在服务器端最容易的安装方式就是通过 npm（node.js 的包管理器）。
4、Less一种动态样式语言. 将CSS赋予了动态语言的特性，如变量，继承，运算， 函数. LESS 既可以在客户端上运行 (支持IE 6+， Webkit， Firefox)，也可一在服务端运行 (借助 Node.js)。
5、Less在JS上运行，Sass在Ruby上使用。Sass基于Ruby，需要安装Ruby。Less和Sass在Ruby中构建相似，但它已被移植到JavaScript中。为了使用LESS，我们可以将适用的JavaScript文件上载到服务器或通过脱机编译器编译CSS表。
sass和less是什么?为什么要用
SASS和LESS 相同点：两者都是CSS预处理器，都具有相同的功能，可以帮助我们快速编译代码，帮助我们更好的维护我们的样式代码或者说维护项目吧。不同点：语法规则不同，当然功能或许略有差别。
sass和less主要区别在于实现方式： less是基于JavaScript的在客户端处理 所以安装的时候用npm，sass是基于ruby所以在服务器处理。
算术运算：Sass和Less都支持算术运算，如加减 乘除。但是在语法和操作符使用上略有差异。 嵌套规则：Sass和Less都支持嵌套定义CSS规则，但是语法略有不同。Sass使用缩进来表示嵌套，而Less使用大括号。
编译环境不一样 Sass的安装需要Ruby环境，是在服务端处理的，而Less是需要引入less.js来处理Less 代码输出css到浏览器，也可以在开发环节使用Less，然后编译成css文件，直接放到 项目中。
表析LESS,Sass和Stylus的异同
1、嵌套规则：Sass和Less都支持嵌套定义CSS规则，但是语法略有不同。Sass使用缩进来表示嵌套，而Less使用大括号。
2、C、PostCSS插件和喜欢的预处理器(Sass、Stylus或LESS)之一结合在一起使用。D、在常规的预处理器通过使用混合宏或函数特性像程序一样处理代码，达到类似的结果。
3、sass和less主要区别在于实现方式： less是基于JavaScript的在客户端处理 所以安装的时候用npm，sass是基于ruby所以在服务器处理。
4、支持Ruby之类等等框架 更多更强大的支持和功能 总结：Sass看起来在提供的特性上占有优势，但是LESS能够让开发者平滑地从现存CSS文件过渡到LESS，而不需要像Sass那样需要将CSS文件转换成Sass格式。
sass和less区别
1、编译环境不一样 Sass的安装需要Ruby环境，是在服务端处理的，而Less是需要引入less.js来处理Less 代码输出css到浏览器，也可以在开发环节使用Less，然后编译成css文件，直接放到 项目中。
2、以下是Sass和Less的一些主要区别： 语法：Sass使用缩进式语法，而Less使用类似于CSS的语法。
3、SASS和LESS 相同点：两者都是CSS预处理器，都具有相同的功能，可以帮助我们快速编译代码，帮助我们更好的维护我们的样式代码或者说维护项目吧。不同点：语法规则不同，当然功能或许略有差别。
4、sass和less主要区别在于实现方式： less是基于JavaScript的在客户端处理 所以安装的时候用npm，sass是基于ruby所以在服务器处理。
5、变量符不一样，less是@，而Scss是$，而且变量的作用域也不一样，后面会讲到。输出设置，Less没有输出设置，Sass提供4中输出选项：nested， compact， compressed 和 expanded。
创建项目选择了less还能换成sass吗?
1、LESSsass和less的软件支持比Sass更加分散，导致许多不同sass和less的扩展选项可能不会以相同的方式运行。对于项目，sass和less我们可能需要所有列出的扩展以获得与Compass类似的性能。
2、嵌套规则：Sass和Less都支持嵌套定义CSS规则，但是语法略有不同。Sass使用缩进来表示嵌套，而Less使用大括号。
3、sass与less的安装 ：sass基于Ruby语言开发而成，因此安装sass前需要安装Ruby。less 在服务器端最容易的安装方式就是通过 npm（node.js 的包管理器）。
4、编译环境不一样 Sass的安装需要Ruby环境，是在服务端处理的，而Less是需要引入less.js来处理Less 代码输出css到浏览器，也可以在开发环节使用Less，然后编译成css文件，直接放到 项目中。
5、config.js文件，在项目中找到匹配loade的正则表达式，按照css的样子添加less。在已知的项目中，找到之前设置好的sass，通过配置less找到sass所在位置，在其下方将less配置React。通过添加代码可以完成配置，重启生效。
6、SASS和LESS 相同点：两者都是CSS预处理器，都具有相同的功能，可以帮助我们快速编译代码，帮助我们更好的维护我们的样式代码或者说维护项目吧。不同点：语法规则不同，当然功能或许略有差别。
