2016-03-24 11 views
0

是否可以在較少的css中循環奇數?在lesscss中使用奇數循環

目前

循環所有的數字我用這樣的:

.loop(@n, @i: 1) when(@i =< @n){ 
    :nth-child(@{i}){ 
     z-index: @n - @i; 
    } 

    .loop(@n, (@i + 1)); 
    } 

    .loop(15); 

,但我要生成的規則只爲1,3,5,7 ...

+1

什麼關於':nth-​​child(奇怪){/*...*/}'? –

回答

1

我認爲像這會工作:

.loop(@n, @i: 1) when(@i =< @n){ 
    :nth-child(@{i}){ 
     z-index: @n - @i; 
    } 

    .loop(@n, (@i + 2)); 
    } 

    .loop(15); 

結果應該是你想要的,即:1, 3, 5, 7...