为了账号安全,请及时绑定邮箱和手机立即绑定

less中for循环如何使用?

老师您好,学习过less之后,我想实现一个需求,不知道less支不支持,是这样的:

在页面中有12个div,类相同,id不同,不同id会有不同背景图像:【使用angular写的,能正确输出12个div】

http://img1.sycdn.imooc.com//55a8c8220001a70e07100121.jpg

我想用less循环生成12个背景图像的css,该怎样写?我试图用下面代码写,可是会报错:

http://img1.sycdn.imooc.com//55a8c87e0001411d07130250.jpg

老师,我该怎么写呢?或者说less能支持这种需求吗?

正在回答

1 回答

.loop(@counter) when (@counter > 0) {
  .loop((@counter - 1));    // 递归调用自身
  width: (10px * @counter); // 每次调用时产生的样式代码
}


0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
less即学即用
  • 参与学习       72031    人
  • 解答问题       286    个

让您理解less与css的关系与作用,并且结合实际的例子深刻理解

进入课程

less中for循环如何使用?

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信