Gibt es eine maximale Länge für den Klassennamen in CSS?

Question

Gibt es eine maximale Anzahl von Zeichen für den Namen einer Klasse in CSS?

Answer 1

.thereisnomaximumlengthforaclassnameincss { 
maxlength: no; 
} 

Viel Glück! Es gibt keine maximale Länge, die es sagt.

Answer 2

Ähnlich wie this question auf ID-Namen in HTML. Es scheint, als gäbe es kein "praktisches" Limit.

Ich sage, halten Sie sie so kurz wie möglich, während sie noch beschreibend sind - warum flirten Sie sogar mit verrückt-langen Namen? :)

Answer 3

Nein maxiumum.

Grundsätzlich kann ein Name mit einem Unterstrich (_), einem Bindestrich (-) oder einem Buchstaben (a-z) beginnen und dann unmittelbar gefolgt von einem Buchstaben oder Unterstrich und THEN eine beliebige Zahl haben Bindestriche, Unterstriche, Buchstaben oder Zahlen:

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

Answer 4

Vergessen Sie nicht die Bandbreite. Es kann keinen Unterschied, aber eine CSS-Datei mit 30 Klassen mit langen Namen zu machen scheinen, können auf einer großen Website für CSS 2.1

Answer 5

W3C Schema bis zu einem großen Leistungsproblem hinzufügen -

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

Auch ich mit einer wirklich langen Klassennamen ihre CSS-Validator verwendet ... es Validierung bestanden -

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

Answer 6

hinzuzufügen, was andere geschrieben haben, würde nur wenn hinzufügen möchte - wie ich - Sie fi Und wenn Sie manchmal mit verrückten, langen Namen enden (weil Sie es mögen, beschreibend zu sein), dann sollten Sie Selektoren beachten, die auch die Wiederverwendung von Stil fördern und dazu beitragen, dass die Dinge leichter lesbar bleiben.

z.B.

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; 
} 

Dies ist sehr breit unterstützt (auch in MSIE 6) und es ist viel einfacher, wie ein Klassenname zu lesen, als. articlePageStyleParagraphHeading.