Est-il une longueur maximale pour le nom de la classe dans le CSS?

Question

Est-il un nombre maximum de caractères pour le nom d'une classe CSS ?

Answer 1

.thereisnomaximumlengthforaclassnameincss {
maxlength: no;
}

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

Answer 2

Pas de maximum.

Fondamentalement, un nom peut commencer par un caractère de soulignement (_), des tirets (-), ou d'une lettre(a–z), puis être suivi immédiatement par une lettre ou un trait de soulignement, et PUIS un certain nombre de traits, des traits de soulignement, de lettres ou de chiffres:

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

Answer 3

N'oubliez pas de la bande passante. Il peut sembler ne pas faire une différence, mais un fichier css avec 30 classes avec des noms longs pouvez ajouter jusqu'à un gros problème de performances sur un grand site

Answer 4

Schéma W3C CSS 2.1 -

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

Aussi, j'ai utilisé leur validateur CSS avec un très long nom de la classe... il est passé à la validation

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

Answer 5

Pour ajouter à ce que d'autres ont écrit, voudrais juste ajouter que si - comme moi - vous trouvez-vous souvent des fous des noms longs (parce que vous aimez être descriptif) alors il vaut la peine en tenant compte des sélecteurs, qui favorise aussi le style de la ré-utilisation et permet de garder les choses faciles à lire.

par exemple

h1 {
   1.5em;
}

styledParagraph {
   font-size: 1em;
}

/* Override the default font size if the styledParagraph element is inside an element with the class articlePage */
.articlePage .styledParagraph {
    font-size: 1.5em;
}

/* Make all <h1> elements in .articlePage -> . styledParagraph larger than the default */
.articlePage .styledParagraph h1 {
  font-size: 2em;
}

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