一、变量声明方式不同,使用方式相同。
1、less中:@变量名
![](https://img.haomeiwen.com/i13776278/2f256a8bd38959e0.png)
2、sass中:$变量名
![](https://img.haomeiwen.com/i13776278/d9d2f86bb6423ac5.png)
二、嵌套
1、基本嵌套
less和sass写法一样 &都是父选择器标识符
![](https://img.haomeiwen.com/i13776278/9c66eee9099f33c0.png)
![](https://img.haomeiwen.com/i13776278/1107e4c54d3ca3be.png)
2、群组选择器的嵌套
less和sass写法也一样
![](https://img.haomeiwen.com/i13776278/a78332dc9b709d37.png)
![](https://img.haomeiwen.com/i13776278/67d2e017b2bcfd54.png)
三、混合
less中 用 .+名称
![](https://img.haomeiwen.com/i13776278/75d766372b607a06.png)
2、sass中声明用@mixin +名称
调用: @include + 名称
![](https://img.haomeiwen.com/i13776278/298d2310ba18c486.png)
3、给混合器传参数
![](https://img.haomeiwen.com/i13776278/e733c59f37a16181.png)
![](https://img.haomeiwen.com/i13776278/a7f966d1f58eabff.png)
一、变量声明方式不同,使用方式相同。
1、less中:@变量名
2、sass中:$变量名
二、嵌套
1、基本嵌套
less和sass写法一样 &都是父选择器标识符
2、群组选择器的嵌套
less和sass写法也一样
三、混合
less中 用 .+名称
2、sass中声明用@mixin +名称
调用: @include + 名称
3、给混合器传参数
本文标题:less与sass的部分总结
本文链接:https://www.haomeiwen.com/subject/nolsqqtx.html
网友评论