相关疑难解决方法(0)

在我们的应用程序中,我们有一个预设的颜色列表供用户选择,与该用户相关的所有内容都将具有该颜色.

在整个应用程序中,我们将有各种模块,其颜色附加为类名.

例如.

<div class="example_module green">
  ...
</div>

我们在CSS中使用LESS.

在很多地方我们都在做这样的事情:

.example_module.green { background: @green; }
.example_module.red { background: @red; }
.example_module.blue { background: @blue; }
etc

我希望能够将所有这些颜色名称设置为数组并迭代它们.如果我们将来添加颜色,我们只需将它添加到一个地方.

伪代码:

@colors: ['green', 'red', 'blue'];

for each @color in @colors {
  .example_module.@color { background: @color; }
} 

在LESS中甚至支持这样的东西吗？