2016-03-24 18 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...

関連する問題