加减乘除法中都不能对不同单位的数值进行运算

计算表达式的减号与两边要留有空格,否则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; }

如果有引号的字符串被添加了一个没有引号的字符串 (也就是,带引号的字符串在 + 符号左侧), 结果会是一个有引号的字符串。 同样的,如果一个没有引号的字符串被添加了一个有引号的字符串 (没有引号的字符串在 + 符号左侧), 结果将是一个没有引号的字符串

results matching ""

    No results matching ""