字符串 String

• <expression> + <expression> 返回包含两个表达式值的字符串。 如果任一值是 quoted string，结果将被引用； 否则，它将不被引用。
• <expression> - <expression> 返回一个不带引号的字符串，其中包含两个表达式的值，以 - 分隔。 这是遗留运算符，通常应改用 interpolation。

@debug "Helvetica" + " Neue"; // "Helvetica Neue"
@debug sans- + serif; // sans-serif
@debug sans - serif; // sans-serif

这些运算符不仅仅适用于字符串！ 它们可以与任何可以写入 CSS 的值一起使用，但有一些例外：

• 数字不能用作左侧值，因为它们有自己的运算符。
• 颜色不能用作左侧值，因为它们曾经有 自己的运算符。

@debug "Elapsed time: " + 10s; // "Elapsed time: 10s";
@debug true + " is a boolean value"; // "true is a boolean value";

⚠️ 注意！

使用 interpolation 创建字符串通常比依赖这些运算符更清晰。

一元运算符

由于历史原因，Sass 还支持 / 和 - 作为一元运算符，它们只接受一个值：

• /<expression> 返回一个不带引号的字符串，以 / 开头，后跟表达式的值。
• -<expression> 返回一个不带引号的字符串，以 - 开头，后跟表达式的值。

@debug / 15px; // /15px
@debug - moz; // -moz