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

Conventions de nommage CSS : kebab-case, BEM et au-delà

Photo from Unsplash

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

© 2026 ConvertCaseHQ. Tous droits réservés. Loaded in 0.5590s.