Brad Frost hat neulich danach gefragt…
Sass-Leute, wie macht ihr das und warum? pic.twitter.com/dIBA9BIuCO
— Brad Frost (@brad_frost) 1. Oktober 2018
.c-btn {
&__icon {
...
}
}
Ich schätze, das ist technisch gesehen "Verschachtelung", aber die Selektoren kommen flach heraus.
.c-button__icon { }
Die Frage war, ob man das tut oder einfach den gesamten Selektor ausschreibt, wie man es mit nativem CSS tun würde. Brad's Beitrag geht auf alle Vor- und Nachteile beider Wege ein.
Für mich bin ich fest im Lager des Nicht-"Verschachtelns", weil es die Suche nach Selektoren so viel schwieriger macht. Ich lebe absolut davon, dass ich meinen Projekt nach vollständig erweiterten Klassennamen durchsuchen kann, und ironischerweise, gerade als Brad diesen Poll postete, war ich von einer kombinierten Klasse wie dieser verblüfft und habe sie in einer meiner eigenen Codebasen geändert.
Robin Rendle merkt auch die Schwierigkeit bei der Suche als Problem mit einem Beispiel an, das eindeutig zu weit gegangen ist!