Convenzioni di nomi CSS: kebab-case, BEM e oltre
CSS è insensibile al case nei selettori, ma i nomi di classe devono corrispondere esattamente. La comunità si è standardizzata su kebab-case perché è leggibile, sicuro negli URL e coerente con gli attributi HTML.
Notazione BEM
Block__Element--Modifier estende kebab-case per un'architettura a componenti:
.card {} /* block */
.card__title {} /* element */
.card--featured {} /* modifier */
.card__title--large {} /* element modifier */