2

Quando por exemplo coloco no HTML:<div id="1">texto de teste</div> e vou colocar no CSS: #1 {código de teste}, não reconhece o id=1. Mesmo se eu colocar "class" no lugar do "id", ou se eu colocar outra tag, ou colocar outro número. Isso é um problema do meu código? Ou é normal? Por que isso acontece?

3
  • @Augusto VasquesEntão por que eu não consigo utilizar um número no começo de um id? Sendo que não há restrição. Eu já verifiquei inúmeras vezes se não era um problema de falta de ; ou { , ou qualquer outra coisa. Simplesmente não funciona. Se você sabe o que está acontecendo me ajuda, por favor :D. Valeu!
    – GiovanePS
    9/12/2019 às 18:10
  • É só compatibilidade mesmo?
    – GiovanePS
    9/12/2019 às 18:24
  • @GiovanePS olhe a parte final da minha resposta que trata especificamente de CSS. 9/12/2019 às 21:44

1 Resposta 1

3

Segundo a recomendação W3C de 28 de outubro de 2014, HTML5 Um vocabulário e APIs associadas para HTML e XHTML, está regulamentando:

3.2.5.1 O atributo id

O atributo id especifica o identificador exclusivo (ID) do seu elemento.

O valor deve ser exclusivo entre todos os IDs na subárvore inicial do elemento e deve conter ao menos um caractere. O valor não deve conter caracteres de espaço.

Não há outras restrições sobre a forma que um ID pode assumir, em particular os IDs podem consistir apenas em dígitos, começar com um dígito, começar com um sublinhado, consistir apenas em pontuação etc.

O identificador exclusivo de um elemento pode ser usado para uma variedade de propósitos, principalmente como uma maneira de vincular partes específicas de um documento usando identificadores de fragmentos, como uma maneira de direcionar um elemento ao criar scripts e como uma maneira de estilizar um elemento específico. CSS.

Identificadores são cadeias opacas. Significados particulares não devem ser derivados do valor do atributo id.

O que claramente confirma que você não cometeu nenhuma violação em seu código HTML, mas dando uma olhada na documentação MDN sobre Ids há uma uma nota recomendatória:

Nota: Utilizar caracteres exceto letras e dígitos ASCII, '_', '-' e '.' pode causar problemas de compatibilidade, já que eles não eram permitidos no HTML 4. Embora esta restrição fora suspensa no HTML 5, um ID deve iniciar com uma letra para fins de compatibilidade.

Essa recomendação de que um ID deve iniciar com uma letra para fins de compatibilidade é bastante significativa pois segundo as recomendações:

No CSS, os identificadores (incluindo nomes de elementos, classes e IDs nos seletores ) podem conter apenas os caracteres [a-zA-Z0-9] e os caracteres ISO 10646 U + 00A0 e superior, além do hífen (-) e o sublinhado ( _); eles não podem começar com um dígito, dois hífens ou um hífen seguido por um dígito. Os identificadores também podem conter caracteres de escape e qualquer caractere ISO 10646 como um código numérico (consulte o próximo item). Por exemplo, o identificador "P&B?" pode ser escrito como "B \ & W \?" ou "B \ 26 W \ 3F".

Tendo por consequência que seu id iniciado por um número é compatível com o HTML5 porém não é compatível com o CSS e por isso não é reconhecido.

Quanto a questão de ser má pratica utilizar identificadores explicitamente numéricos sim eu concordo com a recomendação feita nos comentários da questão É uma má prática colocar números como id em elementos HTML? Se sim por quê?

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .