Na documentação do Mozila, mais especificamente na página de documentação do atributo global 'id', diz que apenas um elemento pode ter um determinado id em todo documento HTML, eu defini dois elementos com o mesmo id e consegui estilizar os dois no CSS, o documento não apresentou nenhum erro, muito menos a página web resultante, eu sei que 'class' e 'id' servem para representar um eleemento de maneira específica. Mas qual seria o problema de usar dois elementos com o mesmo id?
Olá!
O atributo id precisa ser único no documento porque é esse o propósito definido na especificação do HTML: indicar o identificador único de um elemento. Inclusive, se tentarmos fazer um teste usando um mesmo id em várias tags com um validador de HTML, um erro como Error: Duplicate ID <id> é indicado.
Na prática, essa capacidade de identificar um elemento de forma única em um documento — isso é, sem ambiguidade — acaba sendo útil em algumas situações como:
document.getElementById());Em todos esses casos, se utilizássemos um mesmo id em várias tags de um documento, isso traria confusão para o navegador:
document.getElementById()?class já existe para isso).De todo modo, os navegadores acabam não reclamando disso, pois são muito permissivos em relação a erros de sintaxe e tentam contornar ou ignorar erros que não causam problemas imediatos.
O recomendado é sempre usar um id para cada elemento, e cada elemento conter apenas um id.