Less 较少未识别的参数

Less 较少未识别的参数,less,Less,我正在做一个循环,用更少的颜色。问题是我的@joined参数。我想选择性地将“&”设置为类,但我得到了一个语法错误。我怎么能设置这个 SyntaxError: could not understand value for named argument .coloursMixin(@joined: &;) { 您不需要传递任何参数。如果要对每个选择器应用不同的类,可以在其中调用no-arg mixin,并直接使用&: .coloursMixin() { .for(@array)

我正在做一个循环,用更少的颜色。问题是我的@joined参数。我想选择性地将“&”设置为类,但我得到了一个语法错误。我怎么能设置这个

SyntaxError: could not understand value for named argument

.coloursMixin(@joined: &;) {


您不需要传递任何参数。如果要对每个选择器应用不同的类,可以在其中调用no-arg mixin,并直接使用
&

.coloursMixin() {
   .for(@array); .-each(@array) {
      @name: e(@array);
      &.@{name} {color: @@name}
   }
}
无需任何参数即可使用它:

.section {
  .coloursMixin();
}
它会将选择器附加到每个类:

.section.white {
  color: #ffffff;
}
.section.black {
  color: #000000;
}

为什么需要
@joined
属性?您不能简单地将无参数mixin与
&.@{name}{color:@@name}
一起使用吗?如果在选择器中调用它,该选择器将接收数组项类。是的,谢谢,我只是希望如果我想写的话,我可以这样写。第{.black{color:#000000;}}节,它将在上下文中为您提供一个选择器类。如果您想通过mixin实现一个特定的情况,也许更好的方法是提出一个问题,用CSS显示您想要获得的输出,以及您必须生成的数据(包含类名的变量?颜色?)。你可能会得到一些有趣的答案。
.section.white {
  color: #ffffff;
}
.section.black {
  color: #000000;
}