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; 
}