Less和Sass的用法及区别

Posted 2020-07-04

1、less为css的扩展技术，可向下兼容css，新增特性也使用css语法。
     
2、less与sass使用均需先声明，再使用，less格式为.less，sass格式为.sass和.scss（常用）

3、分类：
    
        （ 1）变量：
                less：@+名称：值        使用：选择器{属性：@名称}
                sass：@+名称：值        使用：选择器{属性名：$名称}
        （ 2）混合固定值
                less：. 名称｛属性:值}     使用：选择器{.名称}
                sass:@mixin声明混合，通过@incl调用
                    @mixin 名称{属性：值}
                    @include 名称:{属性：值}
         （3）带参数混合
                less：. 名称（@名称）{属性：值}
                        .名称（具体值）
                sass：@mixin 名称（￥名称{属性：值}
                    @include 名称（具体值）
         （4）多参数混合
                less：. 名称(@x,@y,@z){属性：值}
                    . 名称（x，y，z）
                sass：@mixin 名称（￥x，￥y，￥z）
                    @include 名称（x，y，z）
         （5）引入方式均为：@import “文件名”，但是sass文件不会合并。