(一)区别:
- Less(可在客户端和服务端运行)是一种动态样式语言,对css赋予了动态语言的特性,如:变量、继承、运算、函数。
- SCSS为Sass的升级版本,兼容Sass功能,又新增功能。SCSS 需要使用分号和花括号而Sass用换行和缩进。
- Sass/SCSS与Less的区别:
- 编译环境不一样
- 变量符不一样,Less是@,SCSS是$,且变量作用域也不一样
- 输出设置,Less没有,Sass有4种:nested、compact、compressed、expanded
- Sass支持条件语句,Less不支持
- 工具库不一样:Sass-->compass(关系类似于JS和JQ);Less-->UI组件库Bootstrap
(二)网站:
- Less快速入门中文文档:https://less.bootcss.com/
- Sass快速入门中文文档:https://www.sasscss.com/getting-started/
- SCSS 与 Sass 异同:http://sass.bootcss.com/docs/scss-for-sass-users/