需要遍歷組變量

需要把@color-1，@color-2，@color-3，..上的@[email protected]{i}環路的地方。我應該換什麼？需要遍歷組變量

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

.generate-headers(5); 

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

來源

2014-09-02 Nik Terentyev

我看到@色-1多次。更好地解釋僞代碼和預期的結果。 – Mario 2014-09-02 02:59:29

我試過使用'@color - @ {i}'但它不起作用 – 2014-09-02 03:10:46

爲顏色必須有單獨的變量嗎？最好使用數組/列表（就像[本示例]中一樣）（http://stackoverflow.com/questions/25603517/less-declare-variables-using-class-names/25604556#25604556））。如果你想堅持目前的做法，那麼你會需要像'@temp：〜「color - @ {i}」; background-color：@@ temp;'。 – Harry 2014-09-02 04:33:43

找到一個辦法：

@color: "[email protected]{i}"; 
    background-color: @@color;

來源

2014-09-02 07:14:06

需要遍歷組變量

回答

相關問題