猿问

less变量使用的问题

如下代码

.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)
都不是期望值。
求解决方案。。。


四季花海
浏览 1080回答 2
2回答

BIG阳

// loop start.taskSlideBg(@num) when (@num <6){&nbsp; @num2:~"@{num}n";&nbsp; @color:"mkcolor@{num}";&nbsp; #mkUser-task-con .mkUser-task-box:nth-child(@{num2}) .mkUser-task-title{background:@@color;}&nbsp; .taskSlideBg((@num+1))}.taskSlideBg(1);// loop end编译之后#mkUser-task-con .mkUser-task-box:nth-child(1n) .mkUser-task-title {&nbsp; background: #6ec5ff;}#mkUser-task-con .mkUser-task-box:nth-child(2n) .mkUser-task-title {&nbsp; background: #ff8365;}#mkUser-task-con .mkUser-task-box:nth-child(3n) .mkUser-task-title {&nbsp; background: #fdc139;}#mkUser-task-con .mkUser-task-box:nth-child(4n) .mkUser-task-title {&nbsp; background: #83d36d;}#mkUser-task-con .mkUser-task-box:nth-child(5n) .mkUser-task-title {&nbsp; background: #03afaf;}

MMTTMM

.loop(@count) when (@count > 0) {&nbsp; &nbsp; .loop(@count - 1);&nbsp; &nbsp; .testItem-@{count} {&nbsp; &nbsp; &nbsp; animation-name: ~"kf-@{count}";&nbsp; &nbsp; }}.loop(3);
随时随地看视频慕课网APP
我要回答