使用单位计算值时出现奇怪的SASS行为

时间:2017-03-22 19:25:23

标签: sass

...至少对我来说似乎很奇怪,但也许我只是不知道发生了什么。

给出以下SASS代码:

$test: 2rem;
@warn $test / 2;
@warn 2 / $test;

我得到以下结果:

1rem  // that is what I am expecting
1/rem // huh?

为什么?错误,还是我做错了什么?

1 个答案:

答案 0 :(得分:0)

sassmeister.com输入以下代码:

$test: 2rem;
//@error $test / 2;
//@error 2 / $test;
//@warn $test / 2;
//@warn 2 / $test;

请注意,我已对代码进行了更正,因为$ test = 2rem无效。

取消注释第一个@error行时,它会正确报告值1rem。

取消注释第二个@error行时,它会正确报告值1 / rem。

取消注释第一个@warn行时,没有输出,因为表达式的计算结果为有效的css值为1rem。

当您取消注释第二个@warn行时,会收到以下警告消息: 1 / rem不是有效的CSS值。

警告是告诉你你做错了什么。这不是sass中的错误。