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

解决方案

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

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

.loop(3);

这篇关于css - less变量使用的问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！