less的loop属性可以循环元素

时间：2023-03-29 11:04:18 HTML

1。使用场景循环是循环元素本身，但是也可以为元素的子属性设置样式，不需要为一个元素多次设置同一个属性。所以当父元素下有多个相同的子元素，并且想为子元素设置相同的属性，只是属性值略有不同时比较适合。2.示例

.wrap{margin:50px;.loop(5);.box{border:1px纯红色;}}.loop(@n)当(@n>0){.loop((@n-1));&.box:nth-child(@{n}){宽度:(10px*@n);高度：（10px*@n）；}}3。不同的写循环可以从小到大遍历，也可以从大到小遍历，传入的参数个数也不固定。上面是从大到小写的，下面是从小到大的：.loop(@n,@i:0)when(@i<=@n){.loop(@n,(@i+1));&.box:nth-child(@{i}){宽度:(10px*@i);高度：（10px*@i）；}}参考：less中文文档