Sass 支持一些可用于生成字符串的运算符。
-
+ 返回一个包含两个表达式值的字符串。如果任一值是带引号的字符串，则结果将被引用；否则，它将不被引用。 -
/ 返回一个不加引号的字符串，其中包含两个表达式的值，以 / 分隔。 -
– 返回一个不带引号的字符串，其中包含两个表达式的值，以 – 分隔。这是一个传统的运算符，通常应该使用插值来代替。
例子：
@debug "Geeks" + "forGeeks"
输出：
"GeeksforGeeks"@debug Geeks + forGeeks
输出：
GeeksforGeeks@debug #{20px + 10px} / 50px
输出：
30px/50px@debug Geeks - for - Geeks
输出：
Geeks-for-Geeks上述运算符不仅用于字符串，还用于您可以在 CSS 中编码的任何值。但是，您必须了解以下例外情况：
- 数字不能用作等式的左侧值，因为它们有自己的运算符。
- 颜色不能用作等式中的左侧值，因为它们曾经有自己的运算符。
@debug "Elapsed time: " + 40s
输出：
"Elapsed time: 40s"@debug true + " is a boolean value"
输出：
"true is a boolean value"注意：始终尝试使用插值来创建字符串，因为它们更清晰、更清晰，而不是使用运算符。
一元运算符
由于某些历史原因，Sass 还支持 / 和 – 作为仅采用单个值的一元运算运算符：
- /
返回一个不加引号的字符串，以 / 开头，后跟表达式的值。 - –
返回一个不加引号的字符串，以 – 开头，后跟表达式的值。
@debug / geeks
输出：
/geeks@debug - geeks
输出：
-geeks