関係演算子

関係演算子は、数値が互いに大きいか小さいかを判断します。互換性のある 単位間で自動的に変換します。

  • <式> < <式>は、最初の式の値が2番目の 値よりも小さいかどうかを返します。
  • <式> <= <式>は、最初の式の値が2番目の 値以下であるかどうかを返します。
  • <式> > <式>は、最初の式の値が2番目の 値よりも大きいかどうかを返します。
  • <式> >= <式>は、最初の式の値が2番目の 値以上であるかどうかを返します。
プレイグラウンド

SCSS構文

@debug 100 > 50; // true
@debug 10px < 17px; // true
@debug 96px >= 1in; // true
@debug 1000ms <= 1s; // true
プレイグラウンド

Sass構文

@debug 100 > 50  // true
@debug 10px < 17px  // true
@debug 96px >= 1in  // true
@debug 1000ms <= 1s  // true

単位のない数値は、任意の数値と比較できます。それらは自動的にその数値の 単位に変換されます。

プレイグラウンド

SCSS構文

@debug 100 > 50px; // true
@debug 10px < 17; // true
プレイグラウンド

Sass構文

@debug 100 > 50px  // true
@debug 10px < 17  // true

互換性のない単位を持つ数値は 比較できません。

プレイグラウンド

SCSS構文

@debug 100px > 10s;
//     ^^^^^^^^^^^
// Error: Incompatible units px and s.
プレイグラウンド

Sass構文

@debug 100px > 10s
//     ^^^^^^^^^^^
// Error: Incompatible units px and s.