css - Sass是串联而不是添加？

This question already has an answer here:

Math with interpolated variables?

(1个答案)


5年前关闭。




我需要这样在SCSS代码中定义宽度:

#example {
  width: $currentWidth + 349 !important;
}

其中$currentWidth由循环定义。

但是，Sass总是最终将两个数字连接起来，而不是进行算术运算。

我也尝试过:
width: #{$currentWidth + 349}px !important;
这仍然导致串联。

我想知道我在做什么错？我知道这是非常基础的，但是我似乎也找不到关于Sass如何处理算术的好信息。

最佳答案

假设$currentWidth是一个整数。

SASS:

$currentWidth: 30;

#example {
  width: unquote( ($currentWidth + 349) + 'px ' + !important );
}

CSS输出:

#example {
  width: 379px !important;
}

您可以在这里进行测试:

http://sass-lang.com/try.html