Допустимые классы CSS?

Question

Допустимы ли следующие имена классов?

.text-moretext

.text&text

.text_text

.text(text)

Полагаю, любой класс CSS может содержать специальные символы?

Answer 1

Согласно спецификации CSS, Раздел 4.1.3 :

В CSS идентификаторы (включая имена элементов, классы и идентификаторы в селекторы) могут содержать только символы [a-zA-Z0-9] и ISO 10646 символы U + 00A1 и выше, а также дефис (-) и подчеркивание (_); они не могут начинаться с цифры или за дефисом следует цифра. Идентификаторы также могут содержать экранированные символы и любой символ ISO 10646 в виде числового кода (см. следующий пункт). За Например, идентификатор "B & W?" может быть написано как "B \ & W \?" или "B \ 26 W \ 3F".

Таким образом, .text-moretext и .text_text являются допустимыми идентификаторами (и могут использоваться в качестве имен классов), в то время как .text&text и .text(text) - нет (хотя, как указывало @bobince, вы можете экранировать специальные символы в чтобы использовать их как часть идентификатора).

Answer 2

Да, вы можете использовать любой символ в имени класса, кроме пробела, который разделяет имена классов: class - это список cdata . Некоторым персонажам нужно бежать. Для HTML:

<div class="text&amp;moretext"> ... </div>

и в селекторе:

.text\&text { ... }
.text\(text\) { ... }

Обычно лучше по возможности избегать кодирования здравомыслия, но да, вы можете сделать это, если вам нужно.

Answer 3

• .text-moretext разрешено
• .text&text не допускается, поскольку & является специальным символом в HTML
• .text_text разрешено
• .text(text) не допускается

Answer 4

Символы A-Z, a-z, цифры, дефис (-) и подчеркивание (_) являются общими символами, разрешенными в имени класса. (Допускаются некоторые символы, специфичные для культуры, но других знаков препинания нет.)

Итак, text-moretext и text_text являются допустимыми именами классов.

Если сомневаетесь, будьте осторожны с пунктуацией и экзотическими символами. Некоторые старые браузеры не всегда понимают это правильно ...