循环用于从LESS

Question

所以，我有一个颜色变量的LESS文件：

@colorNameOne: #ff5722;
@colorNameTwo: #ff5722;
@colorNameThree: orange;

我想浏览此列表中的每种颜色并生成具有此效果的内容

Psuedo Code

for each color:

div[data-color="n"] {
    background-color: @colorName
}

其中n是您所使用的颜色编号。 （即n的{​​{1}}是2）

尝试了一些事情，但我是LESS循环的新手，所以对于如何处理这个问题的任何建议都将非常感激。

Answer 1

您需要在数组中存储颜色名称，而不是为每种颜色存储单独的变量。

之后你可以用索引循环遍历它