Sass中的双插值（变量内部变量）[重复]答案

【问题标题】：Double interpolation (variable inside variable) in Sass [duplicate]Sass中的双插值（变量内部变量）[重复]
【发布时间】：2012-09-11 03:01:42
【问题描述】：

是否可以在 Sass 中使用另一个变量来引用一个变量？我想做这样的事情：

$gray = #ccc;
$white = #fff;

@each $color in gray, white {
    div_#{$color} {            // works fine
        color: #{$#{$color}};  // fails
    }
}

我尝试了所有我能想到的变化来使插值起作用并且没有骰子。有谁知道这是否可能？谢谢！

【问题讨论】：

不确定这是否仍然相关：stackoverflow.com/questions/6354613/using-hash-with-scss
感谢您指出这一点。我担心它现在是一样的，但我会保持它以防万一。
不可能。上面的链接是准确的。
可能还值得注意的是，根据 Compass 创建者和 Sass 合著者 Chris Eppstein 的这篇文章，这种能力将在“未来”出现：地图 - 一种用于存储之间关联的新数据类型一个键和一个值。这将帮助我们为关键字样式参数实现可变参数，并解决一个非常常见的“可变插值”请求。 chriseppstein.github.com

标签： css styles compass-sass sass

【解决方案1】：

Sass now has maps，所以你可以这样做：

$colors: (gray: gray, white: white);

然后循环遍历它。

但您不能在插值中进行插值。

【讨论】：

不完全是我想要的，但有效！ Sass 的不错补充，谢谢。顺便说一句，我会做$colors: (gray: #ccc, white: #fff)