为什么我们使用 #{} 进行插值？我们不能只使用 scss 变量吗？答案

【问题标题】：Why do we use #{} for interpolation? Can't we just use a scss variable instead?为什么我们使用 #{} 进行插值？我们不能只使用 scss 变量吗？
【发布时间】：2019-08-05 06:27:09
【问题描述】：

我在下面看到了 #{} 的用法：

$information-phone: "only screen and (max-width : 320px)";

@media #{$information-phone} {
    background: red;
}

使用#{}的目的是什么？我不能简单地执行以下操作：

$information-phone: "only screen and (max-width : 320px)";

@media $information-phone {
    background: red;
}

基本上，我不能在使用插值 (#{}) 的地方使用 sass 变量吗？

【问题讨论】：

标签： sass scss-mixins

【解决方案1】：

我认为因为 Sass 是由 Ruby 处理的，而在 Ruby 中，变量值的“打印”由插值 #{myVar}

管理

Ruby Interpolation

【讨论】：