ブール演算子

JavaScriptなどの言語とは異なり、Sassはブール演算子に記号ではなく単語を使用します。ブール値

  • not <expression> は、式の値の反対を返します。trueをfalseに、falseをtrueに変換します。
  • <expression> and <expression> は、両方の式の値がtrueの場合にtrueを返し、いずれかがfalseの場合にfalseを返します。
  • <expression> or <expression> は、いずれか一方の式の値がtrueの場合にtrueを返し、両方がfalseの場合にfalseを返します。
Playground

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
Playground

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

真偽値真偽値 permalink

trueまたはfalseが許容される場所では、他の値も使用できます。falseとnullは偽とみなされ、Sassはそれらが偽を示し、条件を失敗させるものとみなします。それ以外のすべての値は真とみなされ、Sassはそれらをtrueのように扱い、条件を成功させるものとみなします。

たとえば、文字列にスペースが含まれているかどうかを確認する場合は、string.index($string, " ")と書くだけです。string.index()関数は、文字列が見つからない場合はnullを、それ以外の場合は数値を返します。

⚠️ ご注意！

一部の言語では、falseとnull以外にも多くの値を偽とみなします。Sassはそうではありません！空文字列、空リスト、数値0はすべてSassでは真です。