字符串运算符

Sass 支持一些生成字符串的运算符：

• <expression>+<expression>，返回一个包含两个表达式值的字符串。如果任一值是带引号的字符串，则结果也是带引号；否则，它将不带引号。
• <expression>-<expression>，返回一个不带引号的字符串，其中包含两个表达式的值，用-分隔。这是一个传统运算符，通常应该使用插值。

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

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

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

⚠️注意！
使用插值来创建字符串通常更简洁明了，而不是依赖于这个运算符。

一元运算符

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

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

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