Relationale Operatoren

Relationale Operatoren bestimmen, ob Zahlen größer oder kleiner als andere sind. Sie konvertieren automatisch zwischen kompatiblen Einheiten.

  • <expression> < <expression> gibt zurück, ob der Wert des ersten Ausdrucks kleiner ist als der des zweiten.
  • <expression> <= <expression> gibt zurück, ob der Wert des ersten Ausdrucks kleiner oder gleich dem des zweiten ist.
  • <expression> > <expression> gibt zurück, ob der Wert des ersten Ausdrucks größer ist als der des zweiten.
  • <expression> >= <expression> gibt zurück, ob der Wert des ersten Ausdrucks größer oder gleich dem des zweiten ist.
Spielplatz

SCSS-Syntax

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

Sass-Syntax

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

Zahlen ohne Einheit können mit jeder Zahl verglichen werden. Sie werden automatisch in die Einheit der betreffenden Zahl konvertiert.

Spielplatz

SCSS-Syntax

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

Sass-Syntax

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

Zahlen mit inkompatiblen Einheiten können nicht verglichen werden.

Spielplatz

SCSS-Syntax

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

Sass-Syntax

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