sass与less之间的“兄友弟恭”

本次说白了是要分享sass与less之间的关系，但查找了好多资料，我发现其实都大差不差(仅作者个人观点)

那么我们首先从时间线上来讲，sass是2006 年由Hampton Catlin创建的；而less是2009年由Alexis Sellier创建的。

可以说他们年龄仅差3岁，可以说是长相很像的同父(都属于css的预处理语言)异母的兄弟了

那么本次的主要内容就开始了👇(有问题的可以私信或评论啊)

sass与less的区别

1.变量的声明

sass是使用$；less是使用@

在声明这方面，个人还是比较偏向于哥哥(sass)的，毕竟

黄老爷到了，钱就到了($)

2.嵌套

sass可以进行属性嵌套；less却不能

以下是属性嵌套的写法以及转为css的样式(写完之后发现似乎比以前还多了两行代码)

div {
    background: {
        color: black;
        image: url(1.png);
        repeat: no-repeat;
    }
}

div {
    background-color: black;
    background-image: url(1.png);
    background-repeat: no-repeat;
}

3.运算

less没有/运算，而sass有/运算

$a: 10px / 2
div {
    width: $a;//此时会显示盒子的宽度为5px
}

@a: 10px / 2
div {
    width: @a;//此时检查会发现这句话并不能生效
}

以上便是对sass与less的区别，其实还有很多区别，在此就不一一总结了，但从以上的总结也能看看出哥哥在很多方面的却是比弟弟不错的(仅作者个人见解)

如有问题可以私信或评论啊