都是css预处理语言。在css语法的基础上增加了变量(variables)、嵌套(nested rules)、混合(mixins)、继承(extend)、导入(inline imports)等高级功能。
sass通过ruby编译。
sass3版本前,后缀为.sass,有严格的缩进风格,不使用花括号和分号。
sass3版本后,后缀为.scss,写法同css3。
变量:使用$符合标识。$highlight-color: #F90;
嵌套;
计算功能:+,-,*,/, %.
继承:继承是基于类class的,@extend;
混合器:Mixin, 避免不停的重复一段样式。
插入文件: @import, 允许导入sass和scss文件。被导入文件包含的变量和混合器(mixin)可以在当前文件使用。
less通过javascript编译。
变量:使用@符号标识。@var