SCSS 布林 型別

SCSS中的布林型別和其他語言的布林型別類似，只有兩個值:

（1）.true。

（2）.false。

在SCSS中，只有自身是false和null才會返回false，其他一切都將返回true。

[Scss] 純文字檢視 複製程式碼
$i-am-true: true; 
$a-number: 2; body { 
  @if not $i-am-true { 
    background: rgba(255, 0, 0, 0.6); 
  } @else { 
    background: rgba(0, 0, 255, 0.6); // expected 
  } 
} 
.warn { 
  @if not $a-number { 
    color: white; 
    font-weight: bold; 
    font-size: 1.5em; 
  } @else { 
    display: none; // expected 
  }
}

上面的程式碼編譯如下:

[CSS] 純文字檢視 複製程式碼
body {
  background: rgba(0, 0, 255, 0.6);
}
.warn {
  display: none;
}

not操作符的作用類同於邏輯非！操作符；由編譯結果可以看出只有自身是false和null才會返回false。