CSS passende Klassennamen bei Bootstrap & Co.

[Matthias Scharwies]

Servus!

Moin,

ich arbeite gerade an einem Projekt mit bei dem ein CSS Framework benutzt wird. Bislang war ich bei Projekten dabei, wo das CSS komplett selbst erstellt wurde. Die Selektoren-Namen wurden somit auch selbst gewählt.

Jetzt bin ich bei einem Projekt wo ich sowas sehe class='d-inline mh-100 text-center' Dann schaue ich in der CSS Datei nach und sehe, dass die Selektoren nur einen Wert haben. Oder anders ausgedrückt die Selektoren werden nach den Eigenschaften benannt.

.text-center {
  text-align: center !important;
}

Ich frage mich wieso man dann noch Selektoren definiert? Wenn man pro Styling sowieso einen Selektor benutzt und anlegt, kann man die Eigenschaften gleich via Style angeben. Und ja "Mediaquerys" ist bestimmt eine Antwort für einige der Selektoren aber nicht für alle.

Grad gestern auf Twitter gesehen: Screenshot, der nur aus body-Element und einer Zillion Klassen bestand - find ich natürlich nicht mehr 😟

Ja, so sollte es nicht sein.

Herzliche Grüße

Matthias Scharwies