如何在var的sass名称中插入插值

时间:2016-11-13 03:53:29

标签: css3 sass

我不能在for循环中数学var的名称 颜色变化的nane

what i do

我想要这个

this what io

1 个答案:

答案 0 :(得分: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地图,它也是非常强大的工具,适用于复杂的用例。我建议你调查一下。这是一个好的开始:https://www.sitepoint.com/using-sass-maps/