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语法主要活跃在浏览器兼容上，可以少些很多js代码$lte7:true !default;//是否兼容ie6,7 //inline-block //ie6-7 *display: inline;*zoom:1; @mixin inline-block {    display: inline-block;     @if $lte7 { *display: inline;*zoom:1; } }如果变量$lte7为真，就输出display: inline;zoom:1;