字符串运算符
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>返回一个以-开头，后跟表达式值的未加引号的字符串。