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- 1
kf-(@count) 输出 kf-(1)
都不是期望值。
求解决方案。。。

Answer 1

.loop(@count) when (@count > 0) {
    .loop(@count - 1);

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

.loop(3);

Answer 2

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