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;