加减乘除法中都不能对不同单位的数值进行运算
计算表达式的减号与两边要留有空格,否则Sass会认为是连字符(定义的变量)而报错
另外对于不含变量的除法算式,或者不含除了除号外运算符的算式来说,算式要用()扩起来,否则编译出来的结果不是计算结果
比如:.box {
width: 100px / 2;
}
编译结果:
.box {
width: 100px / 2; //不能识别为除法
}
5px + 8px/2px;可以被识别为除法
修正: .box {
width: (100px / 2);
}
编译:.box {
width: 50px;
}
颜色运算
比如
p {
color: #010203 + #040506;
}
计算公式为 01 + 04 = 05、02 + 05 = 07 和 03 + 06 = 09, 并且被合成为:
p {
color: #050709;
}
其他算法类似
字符运算
在 Sass 中可以通过加法符号“+”来对字符串进行连接
p:before {
content: "Foo " + Bar;
font-family: sans- + "serif";
}
编译: p:before {
content: "Foo Bar";
font-family: sans-serif; }
如果有引号的字符串被添加了一个没有引号的字符串 (也就是,带引号的字符串在 + 符号左侧), 结果会是一个有引号的字符串。 同样的,如果一个没有引号的字符串被添加了一个有引号的字符串 (没有引号的字符串在 + 符号左侧), 结果将是一个没有引号的字符串