<ident>

Идентификатор CSS состоит из одного или нескольких символов, которые могут быть следующими:

• любой символ ASCII в диапазонах A-Z и a-z
• любая десятичная цифра (0 по 9)
• тире (-)
• подчеркивание (_)
• любой другой символ Unicode U+00A0 и выше (то есть любой другой символ Unicode, не являющийся ASCII)
• символ с экранированием

Кроме того, идентификатор не должен начинаться с неэкранированной цифры и не должен начинаться с неэкранированного тире, за которым следует неэкранированная цифра.

Обратите внимание, что id1, Id1, iD1 и ID1 являются разными идентификаторами, так как они регистрозависимые. С другой стороны, поскольку есть несколько способов экранировать символ, toto\? и toto\3F — это одинаковые идентификаторы.

Экранирование символа означает его представление таким образом, что изменяет способ его интерпретации программной системой. В CSS вы можете экранировать символ, добавив обратную косую черту (\) перед символом. Любой символ, кроме шестнадцатеричных цифр 0-9, a-f, и A-F, может быть экранирован таким образом. Например, & можно экранировать как \&.

Также можно экранировать любой символ, используя обратную косую черту, за которой следует шестнадцатеричное кодовое значение Unicode символа, представленное от одной до шести шестнадцатеричных цифр. Например, & можно экранировать как \26. В этом случае, если за экранированным символом следует шестнадцатеричная цифра, выполните одно из следующих действий:

• Вставьте пробел или другой разделитель после кодового значения Unicode.
• Укажите полное шестизначное кодовое значение Unicode экранируемого символа.

Например, строку &123 можно экранировать как \26 123 (с пробелом) или \000026123 (с полным шестизначным кодовым значением Unicode для &) для того, чтобы 123 не рассматривался как часть шаблона экранирования.

nono79        /* A mix of alphanumeric characters and numbers */
ground-level  /* A mix of alphanumeric characters and a dash */
-test         /* A hyphen followed by alphanumeric characters */
--toto        /* A custom-property like identifier */
_internal     /* An underscore followed by alphanumeric characters */
\22 toto      /* An escaped character followed by alphanumeric characters */
\000022toto   /* Same as the previous example */
scooby\.doo   /* A correctly escaped period */
🔥123         /* A non-ASCII character followed by numbers */

34rem     /* Must not start with a decimal digit */
-12rad    /* Must not start with a dash followed by a decimal digit */
scooby.doo  /* ASCII characters apart from alphanumerics must be escaped */
'scoobyDoo' /* Treated as a string */
"scoobyDoo" /* Treated as a string */

• <custom-ident>
• <dashed-ident>