Существует ли максимальная длина имени класса в CSS?

Question

Существует ли максимальное количество символов для имени класса в CSS?

Answer 1

.thereisnomaximumlengthforaclassnameincss {
maxlength: no;
}

Удачи! Там не указана максимальная длина.

Answer 2

нет макс.

Как правило, имя может начинаться с подчеркивания (_), тире (-) или буквы (a – z), а затем сразу же сопровождаться буквой или подчеркиванием, и ТОГДА иметь любое количество тире. , подчеркивание, буквы или цифры:

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

Answer 3

Не забывайте о пропускной способности. Может показаться, что это не имеет значения, но один файл CSS с 30 классами с длинными именами может привести к большой проблеме производительности на большом сайте

Answer 4

Чтобы добавить к тому, что написали другие, просто хотелось бы добавить, если - как и я - вы иногда сталкиваетесь с сумасшедшими длинными именами (потому что вам нравится быть описательным), тогда стоит иметь в виду селекторы, которые также продвигают стиль повторное использование и помогает легко читать вещи.

например.

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 .

Answer 5

W3C схема для CSS 2.1 -

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

Кроме того, я использовал их валидатор CSS с очень длинным именем класса ... он прошел валидацию -

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

Answer 6

Аналогично этот вопрос также и по именам идентификаторов в HTML. Похоже, что нет «практического» ограничения.

Я говорю, держи их как можно короче, но все же описательно - зачем даже флиртовать с безумно длинными именами? :)