less 中的循环（each 方式）

最新推荐文章于 2023-09-05 10:49:41 发布

Yetian_2000

最新推荐文章于 2023-09-05 10:49:41 发布

阅读量921

点赞数

分类专栏： css 文章标签： css

本文链接：https://blog.csdn.net/Yetian_2000/article/details/125634124

版权

css 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

less 遍历数组
在网上搜到的都是使用 when 的方式，其实自从 3.7.0 起官方提供了 each 函数来遍历

@primary: blue;
@danger: red;
@warning: yellow;
@success: green;
@colors: primary, danger, warning, success;
each(@colors, {
  .bg-@{value} {
    background-color: @@value;
  }
})

等价于 css

.bg-primary {
  background-color: blue;
}
.bg-danger {
  background-color: red;
}
.bg-warning{
  background-color: yellow;
}
.bg-success {
  background-color: green;
}