字符串运算符
Sass 支持几个生成字符串的运算符：
-
<表达式> + <表达式>返回一个包含两个表达式值的字符串。如果任一值是带引号的字符串，结果将带引号；否则，将不带引号。 -
<表达式> - <表达式>返回一个不带引号的字符串，包含两个表达式的值，用-分隔。这是一个遗留运算符，通常应该使用插值代替。
Playground
SCSS 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
这些运算符不仅仅适用于字符串！它们可以用于任何可以写入 CSS 的值，但有几个例外：
Playground
SCSS 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";
⚠️ Heads up!
通常使用插值创建字符串会更加清晰和明确，而不是依赖这些运算符。
一元运算符一元运算符 permalink
出于历史原因，Sass 还支持 / 和 - 作为只取一个值的一元运算符：
/<表达式>返回一个不带引号的字符串，以/开头，后跟表达式的值。-<表达式>返回一个不带引号的字符串，以-开头，后跟表达式的值。