String
Sass 支持一些用于生成字符串的运算符:
Sass 支持一些用于生成字符串的运算符:
<expression> + <expression>返回一个包含两个表达式值的字符串。如果其中一个值是带引号的字符串,结果也将带引号;否则,它将是不带引号的。<expression> - <expression>返回一个不带引号的字符串,其中包含两个表达式的值,并用-分隔。这是一个遗留运算符,通常应使用插值代替。
@debug "Helvetica" + " Neue"; // "Helvetica Neue"
@debug sans- + serif; // sans-serif
@debug sans - serif; // sans-serif
@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";
@debug "Elapsed time: " + 10s // "Elapsed time: 10s";
@debug true + " is a boolean value" // "true is a boolean value";
使用插值来创建字符串通常更简洁、更清晰,而不是依赖这些运算符。
一元运算符
出于历史原因,Sass 还支持 / 和 - 作为只接受一个值的一元运算符:
/<expression>返回一个以/开头并后跟表达式值的不带引号的字符串。-<expression>返回一个以-开头并后跟表达式值的不带引号的字符串。
@debug / 15px; // /15px
@debug - moz; // -moz
@debug / 15px // /15px
@debug - moz // -moz