Convenciones de nombres en CSS: kebab-case, BEM y más
CSS es insensible a mayúsculas en los selectores, pero los nombres de clase deben coincidir exactamente. La comunidad se ha estandarizado en kebab-case porque es legible, compatible con URL y coherente con los atributos HTML.
Notación BEM
Block__Element--Modifier extiende kebab-case para arquitectura de componentes:
.card {} /* block */
.card__title {} /* element */
.card--featured {} /* modifier */
.card__title--large {} /* element modifier */
