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

Question

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





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;
}

Answer 1

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

我没有尝试 Less，而是他们的 documentation建议使用@@ 语法是可能的。