Идентификатор HTML с числовым значением, не распознанным CSS

Вот div:

Я получил 9 из них с разными позициями на странице, поэтому в файле .css который я делаю:

 div#1.something { code... } 

И дело в том, что это не сработает, я знаю, что это правильный селектор, но я также попробовал div.something#1 и он также не работает, как и ожидалось. Я думаю, что что-то не так с ID как число, я должен изменить его или есть способ?

Solutions Collecting From Web of "Идентификатор HTML с числовым значением, не распознанным CSS"

Хотя разрешено задавать class или id начинающийся с цифры в HTML5, но это не разрешено в CSS, см. Спецификацию:

HTML5: 3.2.5.1 Атрибут id

… Нет никаких других ограничений на то, какую форму может принять идентификатор; в частности, идентификаторы могут состоять из простых цифр, начинаться с цифры , начинаться с подчеркивания, состоять только из знаков пунктуации и т. д. …


CSS: 4.1.3. Персонажи и случай

… они не могут начинаться с цифры , двух дефисов или дефисов, за которыми следует цифра. Идентификаторы также могут содержать экранированные символы и любой символ ISO 10646 в виде числового кода …

т.е.

является допустимым HTML, но вы не можете настроить его с помощью #1 {...} в CSS.

Однако вы можете использовать [id="1"] {...} или избежать его #\31 {...}

Попробуйте следующее:

Вы можете позвонить либо по classу, либо по ID.

 div.something { code... } 

или

 div#1 { code... } 

Измените id="1" на id="one" так как вы не можете использовать числа в CSS для выбора идентификатора или classа. Затем просто используйте div#one { // CSS Here } так как вам действительно не нужно включать class. В конце концов, вы можете иметь только один id с определенным именем на странице.

Это селектор id , который не работает, документация говорит, что id не может начинаться с числа.