Sass的控制命令（判断、循环）

Sass中控制命令指的是@if、@each、@for和@while。具有一定的逻辑判断和循环遍历能力，这个对于懂JavaScript或者后端语言的同学来说一点都不难。但在CSS中是不可思议的一件事情，最起码到目前为止是不太可能的事情。但在Sass这样的CSS预处理器语言中实现了。

@if

@if 指令是一个 SassScript，它可以根据条件来处理样式块，如果条件为 true 返回一个样式块，反之 false 返回另一个样式块。在 Sass 中除了 @if 之，还可以配合 @else if 和 @else 一起使用。

//SCSS
@mixin blockOrHidden($boolean:true) {
   
  @if $boolean {
   
      @debug "$boolean is #{
   $boolean}";
      display: block;
    }
  @else {
   
      @debug "$boolean is #{
   $boolean}";
      display: none