variables - 是否可以在 SASS 每个循环中动态使用变量名？

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





Creating or referencing variables dynamically in Sass

(7 个回答)


5年前关闭。




这是一个简化的例子。我想要做的是使用数组中的项目来输出我之前创建的变量值。下面试图通过连接“$”来创建变量的语法显然是错误的，但我正在使用它来明确我要做什么。

$puma-width: 100px;
$slug-width: 200px;

@each $animal in puma, slug {
  .#{$animal}-title {
    width: $+#{$animal}-width;
  }
}

期望的输出:

.puma-title {
   width: 100px;
}
.slug-title {
   width: 200px;
}

最佳答案

这也是我在 SASS 中想要的东西，但是在阅读了他们的讨论列表后，我得出结论，这种变量插值尚不受支持。

我没有尝试 Less，但他们的 documentation 表明使用 @@ 语法是可能的。

关于variables - 是否可以在 SASS 每个循环中动态使用变量名？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/7209031/