Conventions de nommage CSS : kebab-case, BEM et au-delà
CSS est insensible à la casse pour les sélecteurs, mais les noms de classe doivent correspondre exactement. La communauté s'est standardisée sur kebab-case parce qu'il est lisible, compatible URL et cohérent avec les attributs HTML.
Notation BEM
Block__Element--Modifier étend kebab-case pour l'architecture de composants :
.card {} /* block */
.card__title {} /* element */
.card--featured {} /* modifier */
.card__title--large {} /* element modifier */