一. Sass 和 Less 的定义

sass 与 less都是一种动态样式语言,对css赋予了一些动态语言特性

二. 它们的区别大致有以下几种

  1. 编译环境不一样
    sass的安装需要Ruby环境的,是在服务端上处理的;
    而less是需要引入less.js来处理Less代码输出css到浏览器,也可以在开发环节使用Less,然后编译成css文件,直接放到项目中
  2. 变量符不一样
    Less是@,而Scss是$
  3. 输出设置
    Less没有输出设置
    Sass提供四种输出选项:
    nested: 嵌套缩进的css代码
    expanded:展示的多行css代码
    compact:简洁格式的css代码
    conpressed: 压缩后的css代码
  4. Sass支持条件语句,可以使用if{}else{},for{}循环等等,而Less不支持
  5. 引入外部CSS文件
    scss引用的外部文件命名必须以开头,文件名如果以下划线开头的话,Sass会认为该文件是一个引用文件,不会将其编译为css文件
  6. Sass和Less的工具库不同
    Sass有工具库 Compass
    Less有UI组件库Bootstrap