Sass Selector Combining

Avatar of Chris Coyier
Chris Coyier am

DigitalOcean bietet Cloud-Produkte für jede Phase Ihrer Reise. Starten Sie mit 200 $ kostenlosem Guthaben!

Brad Frost hat neulich danach gefragt…

.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!

Direkter Link →