← Blog · 2026-04-14 · ConvertCaseHQ Team · 1 min read

Convenzioni di nomi CSS: kebab-case, BEM e oltre

Photo from Unsplash

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 */

© 2026 ConvertCaseHQ. Tutti i diritti riservati. Loaded in 0.4886s.