字串運算子
Sass 支援一些產生字串的運算子
-
<expression> + <expression>會傳回一個包含兩個表達式值的字串。如果其中一個值是引號字串，則結果會被加上引號；否則，它將會是未加引號的字串。 -
<expression> - <expression>會傳回一個未加引號的字串，其中包含兩個表達式的值，並以-分隔。這是一個舊版運算子，通常建議使用插值來代替。
程式碼遊樂場SCSS 語法
@debug "Helvetica" + " Neue"; // "Helvetica Neue"
@debug sans- + serif; // sans-serif
@debug sans - serif; // sans-serif
Sass 語法
@debug "Helvetica" + " Neue" // "Helvetica Neue"
@debug sans- + serif // sans-serif
@debug sans - serif // sans-serif
這些運算子不僅適用於字串！它們可以與任何可以寫入 CSS 的值一起使用，但有一些例外
程式碼遊樂場SCSS 語法
@debug "Elapsed time: " + 10s; // "Elapsed time: 10s";
@debug true + " is a boolean value"; // "true is a boolean value";
Sass 語法
@debug "Elapsed time: " + 10s // "Elapsed time: 10s";
@debug true + " is a boolean value" // "true is a boolean value";
⚠️ 注意！
使用插值來建立字串通常比依賴這些運算子更簡潔明瞭。
單元運算子單元運算子永久連結
由於歷史原因，Sass 也支援 / 和 - 作為單元運算子，它們只接受一個值
/<expression>會傳回一個未加引號的字串，以/開頭，後接表達式的值。-<expression>會傳回一個未加引號的字串，以-開頭，後接表達式的值。