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