less - 循環 loop


.avatar-loop(@n, @i:1, @level) when (@i <= @n) {
    &:nth-child(@{level}) .item.item-@{i} {
        .avatar {
            background-position: (-190px * (@i - 1) - 10px * (@i - 1)) (-190px * (@level - 1) - 10px * (@level - 1));
        }
    }
    .avatar-loop(@n, (@i + 1), @level);
}
.avatar-loop(4, 1, 1);
.avatar-loop(4, 1, 2);
.avatar-loop(4, 1, 3);
.avatar-loop(4, 1, 4);

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM