Question

基本上，我尝试生成很多样式，每个样式都包含图像和颜色。列出颜色，变量以相同的方式命名。问题是我无法让Sass使用动态生成的名称（靠近{color}。但是可以这样使用它吗？谢谢！

Hello
# pauses for the number of sleep seconds
Goodbye

Answer 1

我不确定我是否完全理解了您的问题，但请查看SASS插值文档和提供的文章。使用占位符。

代码可能如下所示：

%my-style-test1 {color: red;}
%my-style-test2 {color: blue;}

$style: 'test1' 'test2';

@each $name in $style {

  a {

    @extend %my-style-#{$name};

  }

}

CSS：

a {
        color: red;
    }

a {
        color: blue;
    }

该示例有点无用，但展示了如何使用％placholder和插值

SASS Docs interpolation SASS Articel Interpolation

使用列表中的sass动态创建变量

1 个答案: