less 和 scss 的区别

170 阅读1分钟

Less和Scss都属于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.