css - 如何在 var 的 sass 名称中进行插值

Question

我无法在 for 循环中计算 var 的名称 颜色变量的名称

我要这个

Answer 1

我确定您对插值的一般工作方式有一个小的语法错误，我相信它可以通过类似的方法实现。可能我们会看到纠正此错误的答案。

但是，在您的位置我会改用这种方法(可能在名为 _colors.scss 的文件中):

$brown: (
 brown1: #000,
 brown2: #000,
 brown3: #000,
 brown4: #000,
 brown5: #000,
 brown6: #000
);

@each $key, $value in $brown {
  .txt-#{$key} {
    color: $value;
  }
}

它被称为 SASS map ，它也是适用于许多复杂用例的非常强大的工具。我建议你调查一下。这是一个好的开始:https://www.sitepoint.com/using-sass-maps/