less 和 sass 的异同(css 预处理语言)
less 和 sass 的异同(css 预处理语言)
相同点
- 都支持样式嵌套
- 都支持声明变量
- 都支持混入
- 都支持函数
- 都支持运算
- 都需要编译成css执行
不同点
- 编译环境不同
- less 是基于Ruby编写的,需要使用Ruby解析器进行编译
- sass 是基于JavaScript编写的,可以在客户端使用Less.js,也可以在服务端使用Node.js进行编译。
- 语法不同:主要包括变量定义、混合(Mixins)、控制指令等方面
- 支持的功能不同:
- sass支持 if 条件语句及 for 循环语句
- less不支持
- 兼容性不同
- sass 需要借助Ruby解析器,这可能需要在项目中额外配置解析器,增加了项目的复杂性。
- less 由于使用类似CSS的语法并且基于JavaScript,兼容性更好,可以直接在浏览器上编译,减少了因浏览器不支持Ruby解析器而引起的问题