对比less聊scss（3）：布尔判断和数组循环、关键字的介绍

相比scss的判断和循环，就感觉less简直太low了，要问为何这么说？

原因就在于less中并没有提供关键字，所有的用法都是依靠mixin来组合实现的。

判断虽然有when的这个用法，但却无法进行多重判断，这其实就是less中内置就定义了一个名为when的带参数的mixin，而咱们只是使用这个mixin而已。

循环甚至没有内置的mixin，给出的方案竟然是用递归和when来实现。

 

但在scss中，提供了很多常用的关键字：而关键字前缀用@表示

图中行标为21、22是判断，23、24是循环。

 

下面举几个例子：

1、判断

结果：

and、or、not的运算很随意，并且最外层的括号也可以不加。。。。

 

2、三目运算

结果：

※注意：这里的if前没有@符号，切记。

 

3、@each循环，只适用于map

结果：

@each不能像@if一样添加括号

接下来再谈谈map的用法

---> map