字符串运算符

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

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

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

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

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

一元运算符

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

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

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

鹏仔微信 15129739599 鹏仔QQ344225443 鹏仔前端 pjxi.com 共享博客 sharedbk.com