Wie erweitere ich eine Klasse / ein Mixin, die / das einen dynamisch geformten Selektor hat?

Wie erweitere ich eine Less-Klasse, die mit & combinator dynamisch gebildet wird?

Weniger, was zu erwartenden Ergebnissen führt:

.hello-world {
  color: red;
}

.foo {
  &:extend(.hello-world);
  font-size: 20px;
}

Erwartete CSS-Ausgabe:

.hello-world,
.foo {
  color: red;
}
.foo {
  font-size: 20px;
}

Weniger erzeugt keine erwartete Ausgabe:

.hello {
  &-world {
    color: red;
  }
}

.foo {
  &:extend(.hello-world);
  font-size: 20px;
}

Unerwartete CSS-Ausgabe:

.hello-world {
  color: red;
}
.foo {
  font-size: 20px;
}

Antworten auf die Frage(1)

Ihre Antwort auf die Frage