在lesscss中循环使用奇数

Question

是否可以在较少的CSS中循环奇数？

目前要循环使用我这样的所有数字：

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

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

  .loop(15);

但我想仅为1,3,5,7 ......

生成规则

Answer 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...