空間較少的循環

Question

我有這樣的：

.loop(@index) when(@index =< @to) { 
    .page-@{index} { 
     nav{ 
      ul{ 
       li:nth-child(@{index}){ 
        background:#fff; 
       } 
      } 
     } 
    } 
    .loop(@index + 1); 
} 

它似乎有一個問題，因爲我的CSS的輸出是：

ul li:nth-child(2) { 
    background: #fff; 
} 
ul li:nth-child(3) { 
    background: #fff; 
} 

它在僞選擇創建一個空間，它不起作用。 任何想法刪除這個空間？ 謝謝

Answer 1

這是一個錯誤。解決方法是通過臨時變量設置標識符，例如：

ul { 
    @li: ~"li:nth-child(@{index})"; 
    @{li} { 
     background: #fff; 
    } 
}