空间较小的循环

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;
    }
}