布林運算子

與 JavaScript 等語言不同，Sass 使用文字而非符號作為其布林運算子。

  • not <expression> 會傳回運算式值的相反值：將 true 轉換為 false，將 false 轉換為 true。
  • <expression> and <expression> 若*兩個*運算式值皆為 true，則傳回 true；若其中一個為 false，則傳回 false。
  • <expression> or <expression> 若*任一*運算式值為 true，則傳回 true；若兩個皆為 false，則傳回 false。
程式碼遊樂場

SCSS 語法

@debug not true; // false
@debug not false; // true

@debug true and true; // true
@debug true and false; // false

@debug true or false; // true
@debug false or false; // false
程式碼遊樂場

Sass 語法

@debug not true  // false
@debug not false  // true

@debug true and true  // true
@debug true and false  // false

@debug true or false  // true
@debug false or false  // false

真值與假值真值與假值永久連結

在允許使用 true 或 false 的任何地方，您也可以使用其他值。 值 false 和 null 是*假值*，這表示 Sass 將它們視為表示錯誤並導致條件失敗。 其他所有值都被視為*真值*，因此 Sass 將它們視為與 true 相同，並導致條件成功。

例如，如果您要檢查字串是否包含空格，您可以直接寫 string.index($string, " ")。 如果找不到字串，string.index() 函式會傳回 null，否則會傳回數字。

⚠️ 注意！

有些語言除了 false 和 null 之外，還有其他值會被視為假值。Sass 並非如此！空字串、空串列和數字 0 在 Sass 中都是真值。