Classes e IDs
O HTML possui um número limitado de tags, mas às vezes é necessário diferenciar elementos específicos. Por exemplo, se for preciso aplicar estilos diferentes a vários parágrafos (elementos <p>), é possível utilizar os atributos class e id.
O atributo class atribui uma classe a um elemento HTML específico. Vários elementos podem compartilhar a mesma classe. Isso permite aplicar os mesmos estilos a múltiplos elementos.
index.html
styles.css
Neste exemplo, dois parágrafos compartilham a mesma classe highlight, permitindo aplicar os mesmos estilos a ambos.
O atributo id atribui um identificador único a um elemento HTML específico. Diferente do atributo class, cada elemento pode ter apenas um id exclusivo. Isso é útil para aplicar estilos ou manipular um elemento específico utilizando JavaScript.
index.html
styles.css
É importante lembrar que o id deve ser único na página. Não é permitido usar o mesmo valor de id para vários elementos.
Obrigado pelo seu feedback!
Pergunte à IA
Pergunte à IA
Pergunte o que quiser ou experimente uma das perguntas sugeridas para iniciar nosso bate-papo
Awesome!
Completion rate improved to 4.35Classes e IDs
Deslize para mostrar o menu
O HTML possui um número limitado de tags, mas às vezes é necessário diferenciar elementos específicos. Por exemplo, se for preciso aplicar estilos diferentes a vários parágrafos (elementos <p>), é possível utilizar os atributos class e id.
O atributo class atribui uma classe a um elemento HTML específico. Vários elementos podem compartilhar a mesma classe. Isso permite aplicar os mesmos estilos a múltiplos elementos.
index.html
styles.css
Neste exemplo, dois parágrafos compartilham a mesma classe highlight, permitindo aplicar os mesmos estilos a ambos.
O atributo id atribui um identificador único a um elemento HTML específico. Diferente do atributo class, cada elemento pode ter apenas um id exclusivo. Isso é útil para aplicar estilos ou manipular um elemento específico utilizando JavaScript.
index.html
styles.css
É importante lembrar que o id deve ser único na página. Não é permitido usar o mesmo valor de id para vários elementos.
Obrigado pelo seu feedback!
