Scss于Less常用语法区别

变量 ：

Scss   以  $ 开始命名  例如 $authWidth:1540px;

Less  以 @开始命名   例如@authWidth:1540px;

混合（mimin）

 Scss                   

@mixin clear-both() {
    display: block;
    content: "";
    clear: both;
}

调用 ： @include clear-both()

Less

.clear-both() {
    display: block;
    content: "";
    clear: both;
}

调用 ： .clear-both()

函数

Scss

@function pxWidth($px,$width: 1920px) {    @return ($px/$width)*100%;}