CSS-Namenskonventionen: kebab-case, BEM und mehr
CSS ist bei Selektoren unempfindlich gegenüber Groß-/Kleinschreibung, aber Klassennamen müssen exakt übereinstimmen. Die Community hat sich auf kebab-case geeinigt, weil es lesbar, URL-sicher und mit HTML-Attributen konsistent ist.
BEM-Notation
Block__Element--Modifier erweitert kebab-case für Komponentenarchitekturen:
.card {} /* block */
.card__title {} /* element */
.card--featured {} /* modifier */
.card__title--large {} /* element modifier */
