scss-@if指令

　　@if指令接受表达式和使用嵌套样式,无论表达式的结果只不过是false或null。

　　语法：

@if expression {  //CSS codes are written here }

　　scss实例：

p{
    @if 10 + 10 == 20   { border: 1px dotted;   }
    @if 7 < 2     { border: 2px solid;  }
    @if null    { border: 3px double; }
}

　　编译后的代码如下:

p {
  border: 1px dotted; 
}

 

转载于:https://www.cnblogs.com/ibabyli/p/9871236.html