在 each()
中设置变量名称
你不必在 each()
函数中使用 @value
、@key
和 @index
。 在 Less 3.7 中,通过 each()
函数,Less 引入了匿名混合的概念,以后可能会扩展到语法的其他部分。
匿名混合使用 #()
或 .()
的形式,以 .
或 #
开头,就像常规混合一样。 在 each()
中,可以这样使用:
.set-2() {
one: blue;
two: green;
three: red;
}
.set-2 {
// Call mixin and iterate each rule
each(.set-2(), .(@v, @k, @i) {
@{k}-@{i}: @v;
});
}
如预期的那样输出:
.set-2 {
one-1: blue;
two-2: green;
three-3: red;
}
each()
函数将采用匿名混合中定义的变量名称,并将它们按顺序绑定到 @value
、@key
和 @index
值。 如果你只写 each(@list, #(@value) {})
,那么 @key
和 @index
都不会被定义。