sass - 防止 Sass 在值周围使用引号

Question

这个问题在这里已经有了答案:





Adding a unit to a number in Sass

(2 个回答)


5年前关闭。




我是 Sass 的新手……我想创建一些带有百分比值的 css，例如:

width : 13%;

该值是 sass number 操作的结果。写这个

width : $main-width + "%"

scss 代码生成这个:

width : "13%";

css，实际上不起作用，因为它应该是:

width : 13%;

写作

width : $main-width %;

结果是

width : 13 "%"

什么也会导致不工作的 css 规则。有没有办法让 Sass 打印 13% 不带引号的纯文本？

Answer 1

将 Sass 中的单位视为代数中的变量，而不仅仅是连接字符串。

在代数中:2x * 3 = 6x
在萨斯:13 * 1% = 13%
使用这种方法来做更高级的数学。10px * 3px = 30px*px
但是px*px不是一个有效的 CSS 单位，所以你必须通过除以 1px 来取消一个
30px*px / 1px = 30px
希望这有助于超越您原来的问题。