Less、Sass和SCSS

时间:2021-04-02 00:22:20

(一)区别:

  • Less(可在客户端和服务端运行)是一种动态样式语言,对css赋予了动态语言的特性,如:变量、继承、运算、函数。
  • SCSSSass的升级版本,兼容Sass功能,又新增功能。SCSS 需要使用分号和花括号而Sass用换行和缩进。
  • Sass/SCSS与Less的区别:
    • 编译环境不一样
    • 变量符不一样,Less是@,SCSS是$,且变量作用域也不一样
    • 输出设置,Less没有,Sass有4种:nested、compact、compressed、expanded
    • Sass支持条件语句,Less不支持
    • 工具库不一样:Sass-->compass(关系类似于JS和JQ);Less-->UI组件库Bootstrap

(二)网站: