Y a-t-il une longueur maximale pour le nom de classe en CSS?

Question

Y a-t-il un nombre maximum de caractères pour le nom d'une classe en CSS ?

Answer 1

.iln'yapasdelongueurm aximalepourunnomdeclasseencss {
maxlength: no;
}

Bonne chance! Il n'y a pas de longueur maximale, dit-il.

Answer 2

Pas de maximum.

En gros, un nom peut commencer par un tiret bas (_), un tiret (-), ou une lettre (a-z), et être immédiatement suivi par une lettre, ou un tiret bas, et ENSUITE avoir n'importe quel nombre de tirets, tirets bas, lettres, ou chiffres :

-?[_a-zA-Z]+[_a-zA-Z0-9-]*

Answer 3

N'oubliez pas la bande passante. Cela peut ne pas sembler faire une différence, mais un fichier css avec 30 classes avec des noms longs peut entraîner un gros problème de performances sur un site important

Answer 4

W3C Schéma pour CSS 2.1 -

http://www.w3.org/TR/CSS21/

Aussi, j'ai utilisé leur valideur CSS avec un nom de classe vraiment long... il a passé la validation -

http://jigsaw.w3.org/css-validator/

Answer 5

Pour ajouter à ce que d'autres ont écrit, j'aimerais juste ajouter si - comme moi - vous vous retrouvez parfois avec des noms très longs (parce que vous aimez être descriptif) alors il vaut la peine de prendre en compte les sélecteurs, qui favorisent également la réutilisation du style et aident à garder les choses faciles à lire.

par exemple.

h1 {
   1.5em;
}

styledParagraph {
   font-size: 1em;
}

/* Remplacer la taille de police par défaut si l'élément styledParagraph est à l'intérieur d'un élément avec la classe articlePage */
.articlePage .styledParagraph {
    font-size: 1.5em;
}

/* Faire en sorte que tous les éléments 

Cela est très largement pris en charge (même dans MSIE 6) et c'est beaucoup plus facile à lire qu'un nom de classe comme .articlePageStyleParagraphHeading.