less变量使用的问题

Question

如下代码.loop(@count) when (@count > 0) {    .loop(@count - 1);    .testItem-@{count} {        animation-name: kf-@{count};    }}.loop(3);第4行，希望输出 kf-1 这样格式的值。现在问题来了。。。kf-@{count} 编译报错kf-@count 输出的是 kf- 1kf-(@count) 输出 kf-(1)都不是期望值。求解决方案。。。

Answer 1

// loop start

.taskSlideBg(@num) when (@num <6){

  @num2:~"@{num}n";

  @color:"mkcolor@{num}";

  #mkUser-task-con .mkUser-task-box:nth-child(@{num2}) .mkUser-task-title{background:@@color;}

  .taskSlideBg((@num+1))

}

.taskSlideBg(1);

// loop end

编译之后

#mkUser-task-con .mkUser-task-box:nth-child(1n) .mkUser-task-title {

  background: #6ec5ff;

}

#mkUser-task-con .mkUser-task-box:nth-child(2n) .mkUser-task-title {

  background: #ff8365;

}

#mkUser-task-con .mkUser-task-box:nth-child(3n) .mkUser-task-title {

  background: #fdc139;

}

#mkUser-task-con .mkUser-task-box:nth-child(4n) .mkUser-task-title {

  background: #83d36d;

}

#mkUser-task-con .mkUser-task-box:nth-child(5n) .mkUser-task-title {

  background: #03afaf;

}

Answer 2

.loop(@count) when (@count > 0) {

    .loop(@count - 1);

    .testItem-@{count} {

      animation-name: ~"kf-@{count}";

    }

}

.loop(3);