less 中的循环（each 方式）

less 遍历数组

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

less

@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;
}

参考

• less 官方文档