String-Operatoren
Sass unterstützt einige Operatoren, die Strings generieren.
-
<Ausdruck> + <Ausdruck>gibt einen String zurück, der die Werte beider Ausdrücke enthält. Wenn einer der Werte ein gequoteter String ist, wird das Ergebnis gequotet; andernfalls ist es nicht gequotet. -
<Ausdruck> - <Ausdruck>gibt einen nicht gequoteten String zurück, der die Werte beider Ausdrücke enthält, getrennt durch-. Dies ist ein Legacy-Operator, und Interpolation sollte im Allgemeinen stattdessen verwendet werden.
SpielplatzSCSS-Syntax
@debug "Helvetica" + " Neue"; // "Helvetica Neue"
@debug sans- + serif; // sans-serif
@debug sans - serif; // sans-serif
Sass-Syntax
@debug "Helvetica" + " Neue" // "Helvetica Neue"
@debug sans- + serif // sans-serif
@debug sans - serif // sans-serif
Diese Operatoren funktionieren nicht nur für Strings! Sie können mit allen Werten verwendet werden, die in CSS geschrieben werden können, mit einigen Ausnahmen.
- Zahlen können nicht als linke Seite verwendet werden, da sie eigene Operatoren haben.
- Farben können nicht als linke Seite verwendet werden, da sie früher eigene Operatoren hatten.
SpielplatzSCSS-Syntax
@debug "Elapsed time: " + 10s; // "Elapsed time: 10s";
@debug true + " is a boolean value"; // "true is a boolean value";
Sass-Syntax
@debug "Elapsed time: " + 10s // "Elapsed time: 10s";
@debug true + " is a boolean value" // "true is a boolean value";
⚠️ Vorsicht!
Es ist oft sauberer und klarer, Interpolation zur Erstellung von Strings zu verwenden, anstatt sich auf diese Operatoren zu verlassen.
Unäre OperatorenUnäre Operatoren Permalink
Aus historischen Gründen unterstützt Sass auch / und - als unäre Operatoren, die nur einen Wert nehmen.
/<Ausdruck>gibt einen nicht gequoteten String zurück, der mit/beginnt und gefolgt vom Wert des Ausdrucks ist.-<Ausdruck>gibt einen nicht gequoteten String zurück, der mit-beginnt und gefolgt vom Wert des Ausdrucks ist.