Sass 除法不是有效的 CSS 值答案

【问题标题】：Sass division isn't a valid CSS valueSass 除法不是有效的 CSS 值
【发布时间】：2014-03-27 10:24:04
【问题描述】：

我有一个 Sass 变量

// Space unit
$base-space-unit:       1em !default;

如果我做乘法，它会像这样工作

.pads           { padding: 5*$base-space-unit; }

并返回

.pads { padding: 5em; }

但如果我这样划分

.pads           { padding: 5/$base-space-unit; }

我明白了

Syntax error: 5/em isn't a valid CSS value.

这可能有什么问题。

【问题讨论】：

不知道为什么会这样，但你可以写$base-space-unit: 1 !default;
5/1em 会给你带来什么？这不是一个合乎逻辑的计算。
@Paulie_D 如果你尝试做 5em / 1em（试试sassmeister.com）你会得到5 而不是5em
那么 5 给你带来了什么...我很困惑？无论如何，这不是尝试的计算...也许5em/$base-space-unit; 会起作用，尽管我没有看到用处。
情况是我想得到 5/16 的除法，所以我可以评估目标/上下文 = 结果的公式，但我将上下文设置为 1 而不是 16。但这语法适用于我 .pads { padding: (5/16*$base-space-unit);} 结果是 .pads { padding: 0.3125em; }

标签： css sass

【解决方案1】：

情况是我想得到 5/16 的除法，这样我就可以评估说的公式

target/context = result

但我将上下文设置为 1 而不是 16。

这个语法对我有用

.pads { padding: (5/16*$base-space-unit);}

结果是

.pads { padding: 0.3125em; }

谢谢

【讨论】：