如何循环通过一组变量在较少？

Question

我要把@color-1，@color-2，@color-3 ..。@color-@{i}在循环中的位置。我该放什么呢？

@color-0: rgb(200, 20, 20);
@color-1: ...;
@color-2: ...;
// ...

.generate-headers(5);

.generate-headers( @n, @i: 0 ) when ( @i =< @n ) {
  .widget-header-@{i} {
    width: (@i * 100% / @n);
    background-color: @color-@{i};
    color: overlay( @color-@{i}, @white );
  }
  .generate-headers(@n, (@i + 1));
}

Answer 1

找到了一种方法：

    @color: "color-@{i}";
    background-color: @@color;