less 循环10个样式

Question

最终样式
.bank_img1{background: url("../images/pay/bank_list.png") no-repeat 0px -0px;}

.bank_img2{background: url("../images/pay/bank_list.png") no-repeat 0px -40px;}
.bank_img3{background: url("../images/pay/bank_list.png") no-repeat 0px -80px;}

class每次 +1
no-repeat 0px -80px; 每次-40px
共有15次

怎么用lESS 写出来

Answer 1

了解生命而且热爱生命的人是幸福的。

Answer 2

//less中的循环
.bgimgwhile(@counter) when (@counter < 5 ) {
.bgimg-@{counter} {
background:url("../images/bgimg-@{counter}-3x.png") no-repeat center center;
}
.bgimgwhile(( @counter + 1 ));// 递归调用自身
}
.bgimgwhile(1);

刚写的一个循环 拿去用 不用谢我:-)

这里面的@counter不需要提前声明的。.bgimgwhile你就当做是函数名称，随意起。
.bgimg-@{counter}就对应你需要的.bank_img1/2/3。本回答被网友采纳