sass、less区别

231 阅读1分钟

都是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