Selektorenkonkatenation mit Präprozessor ja/nein/vielleicht?

[Gunnar Bittersmann]

In CSS-Präprozessoren könnte man Nesting und Stringkonkatenation nutzen, um Selektoren zusammenzubasteln, bspw. aus

.block {
  property1: value1;
    
  &__element {
    property2: value2;
        
    &--modifier {
      property3: value3;
    }
  }
}

dieses zu generieren:

.block {
  property1: value1;
}

.block__element {
  property2: value2;
}

.block__element--modifier {
  property3: value3;
}

Aber sollte man das tun? Oder besser lassen?

Kennt jemand Artikel, die Vor- und Nachteile gegenüberstellen?

😷 LLAP

PS: Was ich von BEM halte, tut hier nichts zur Sache. 😉