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。

例子的话，可以看这里