CSS中的类名称是否有最大长度?

CSS中的类名称是否有最大字符数?

Pierre Watelet asked 2020-06-26T16:38:35Z
6个解决方案
63 votes
.thereisnomaximumlengthforaclassnameincss {
maxlength: no;
}

祝好运!它没有说最大长度。

Younes answered 2020-06-26T16:38:49Z
37 votes

没有上限。

基本上,名称可以以下划线(_),破折号(-)或字母(a–z)开头,然后紧随其后的是字母或下划线,然后,THEN可以有任意数量的破折号,下划线, 字母或数字:

-?[_a-zA-Z]+[_a-zA-Z0-9-]*
Yada answered 2020-06-26T16:39:14Z
9 votes

不要忘记带宽。 似乎没有什么区别,但是一个包含30个长名称类的css文件可能会在大型网站上造成严重的性能问题

Sruly answered 2020-06-26T16:39:34Z
2 votes

CSS 2.1的W3C模式-

[HTTP://呜呜呜.我3.org/TR/CSS21/]

此外,我使用了他们的CSS验证器,并使用了一个非常长的类名...它通过了验证-

[HTTP://jigsaw.我3.org/CSS-validator/]

Kris Krause answered 2020-06-26T16:40:07Z
2 votes

要添加其他人写的内容,只需添加-如果像我一样-您有时发现自己有时会以疯狂的长名结尾(因为您喜欢描述性的意思),那么有必要记住选择器,这也会促进样式重用 并有助于使内容易于阅读。

例如

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

它得到了广泛的支持(即使在MSIE 6中也是如此),而且比.articlePageStyleParagraphHeading之类的类名称更易于阅读。

Iain Collins answered 2020-06-26T16:40:36Z
1 votes

与此问题类似,HTML中的ID名称也是如此。 似乎没有“实际”限制。

我说在保持描述性的同时,尽量使它们简短一些-为什么还要和疯狂的名字调情? :)

chucknelson answered 2020-06-26T16:41:01Z
translate from https://stackoverflow.com:/questions/2192085/is-there-a-maximum-length-for-the-class-name-in-css