減少關閉}

Question

我有以下的代碼，只有這個代碼在我的Less文件中。

@iterations: 100; 
.width-loop (@i) when (@i > -1) 
{ 
    (~".w@{i}") 
    { 
     width: ~"@{i}% !important"; 
    } 
    .width-loop(@i - 1); 
} 
.width-loop(@iterations); 

結果是這樣的。

.w100 {width 100% !important; } 
.w99 {width 99% !important; } 
...... 

等

然而，當我建立我的項目，這個錯誤在我的錯誤窗口彈出。

Less: Missing closing '}' 

我在哪裏錯過了一個}？彈出的錯誤窗口最讓人分心。

當我在瀏覽器中查看輸出時，風格類正確列表。

Answer 1

您正在調用錯誤的函數。像這樣做：

@iterations: 100; 
.width-loop (@i) when (@i > -1) 
{ 
    .w@{i} 
    { 
     width: ~"@{i}% !important"; 
    } 
    .width-loop(@i - 1); 
} 

.width-loop(@iterations);