less和sass的区别
less | sass | |
---|---|---|
介绍 | Less 是一门 CSS 预处理语言,它扩展了 CSS 语言,增加了变量、Mixin、函数等特性,使 CSS 更易维护和扩展,它可以运行在 Node 或浏览器端 | Sass 是一款强化 CSS 的辅助工具,它在 CSS 语法的基础上增加了变量 、嵌套 、混合 、导入 等高级功能,这些拓展令 CSS 更加强大与优雅 |
编译环境 | Less是基于JavaScript,是在客户端处理的 | Sass是基于Ruby的,是在服务器端处理的 |
变量符 | Less用@声明变量 | Sass用$声明变量 |
输出设置 | Less没有输出设置 | sass有输出设置 |
条件语句 | Less不支持条件语句 | Sass支持条件语句,可以使用if{}else{},for{}循环等 |
引用外部文件 | Less 引用外部文件和 css 中的 @import 没什么区别 | scss 引用的外部文件命名必须以_开头 |