less和css的区别/less和scss的区别

1、less和css

区别：1、Less是一门CSS预处理语言，而css是一种用来表现HTML或XML等文件样式的计算机语言；2、less扩展了CSS语言，增加了css本身没有的变量、函数等特性；3、css可以被浏览器直接识别，less需要先编译为css。

2、less和scss

Sass和Less都属于CSS预处理器,其基本思想是，用一种专门的编程语言，进行 Web 页面样式设计，再通过编译器转化为正常的 CSS 文件，以供项目使用”。

**不同之处:**

1. 编译环境不一样 Less是基于JavaScript，是在客户端处理的。Sass是基于Ruby的，是在服务器端处理的。

2. 变量符不一样，Less是@，而Scss是$。

3. 输出设置，Less没有输出设置，Sass提供4中输出选项：nested, compact, compressed 和 expanded。

4. Sass支持条件语句，可以使用if{}else{},for{}循环等等。而Less不支持。

5. 引用外部CSS文件 css@import引用的外部文件如果不想编译时多生成同名的.css文件，命名必须以_开头, 文件名如果以下划线_开头的话，Sass会认为该文件是一个引用文件，不会将其编译为同名css文件.

6. Sass和Less的工具库不同 Sass有工具库Compass, Less有UI组件库Bootstrap.