Могу ли я иметь элемент с идентификатором, начинающимся с цифры?

Деление идентификатора элемента на число может показаться необычной практикой, но это вполне возможно в HTML. Однако важно отметить, что, хотя использование числовых идентификаторов допустимо, оно может создать проблемы при выборе и стилизации элементов с помощью CSS.

HTML допускает значения идентификаторов, состоящие исключительно из цифр; любой символ, кроме пробела, считается приемлемым. Браузеры исторически поддерживали эту практику, что привело к ослаблению более строгих ограничений в спецификации HTML5.

Хотя использование числовых идентификаторов в HTML технически осуществимо, разумно проявлять осторожность при их использовании в селекторах CSS. Селекторы идентификаторов CSS не допускают, чтобы идентификаторы начинались с цифр, что требует их экранирования. Например, #12 недопустим в качестве селектора CSS и должен быть указан как #\31\32.

Для тех, кто собирается использовать числовые идентификаторы с селекторами CSS, для простоты рекомендуется начинать с буквы. Тем не менее, ниже приведен пример, демонстрирующий использование элемента div с идентификатором «12» и различные методы управления им:

• CSS: #\31\32 {background: #0bf;}
• JavaScript (getElementById): document.getElementById("12").style.border = "2 пикселя сплошной черный";
• JavaScript (querySelector): document.querySelector("#\31\32").style .fontStyle = "italic";

Обратите внимание, что поддержка document.querySelector может различаться в разных странах. браузеры. Браузеры, поддерживающие эту функцию, смогут применять изменения стиля, используя последний метод.