sass里@if判断语法有什么用？

Question

嵌套循环我都觉得很有用，可是判断有什么用？
判断的使用场景在哪里？为什么会有判断这个语法，为了解决什么问题？

$type: monster;p {
  @if $type == ocean {    color: blue;
  } @else if $type == matador {    color: red;
  } @else if $type == monster {    color: green;
  } @else {    color: black;
  }
}

这是官网给个实例，这样不是很没有意义吗？

直接定义

p {color: green;
}

不是更加直接吗？
浏览器里没有脚本可以控制sass的type，一切全在sass编译前的环境里运行，编译成css后就只能依靠javascript更改，那么为什么还要@if呢？

Answer 1

@if一般是配合@mixin使用的。@mixin可以用来定义一个样式模板函数。@if的话，可以在这个函数中作为条件判断。然后，可以通过@include来调用@mixin。例子的话，可以看这里