less循环生成背景图

不多说了,直接上代码

@lj :"../images/banner_";//固定一个路径
.bjt(@n,@i:1) when (@i =< @n) {//增加变量n判断需要生成几个
   &:nth-child(@{i}) {
   background-image:url('@{lj}@{i}.jpg');
  }
  .bjt(@n,(@i + 1));///i加1
}

调用方法为,比如生成4个!

p{
  .bjt(4);
}


写的好!

微信扫一扫赏大洋