Junior
Que diferenças conheces entre classes e ID em CSS?
sobes.tech IA
Resposta da IA
- Unicidade: O ID é único na página, a classe pode ser aplicada a vários elementos.
- Prioridade de especificidade: O ID tem uma prioridade de especificidade mais alta (100) em comparação com a classe (10).
- Selectores: O seletor de ID é denotado por
#, o seletor de classe por.. - Aplicação: O ID é geralmente usado para estilizar elementos individuais e únicos (por exemplo, cabeçalho, rodapé), as classes para estilizar grupos de elementos com propriedades comuns (por exemplo, botões de cores diferentes).
/* Estilização por ID - aplicada apenas a um elemento */
#header {
background-color: blue;
}
/* Estilização por classe - aplicada a vários elementos */
.button-primary {
color: white;
background-color: green;
}
| Característica | Classe | ID |
|---|---|---|
| Unicidade | Não único | Único |
| Prioridade | 10 | 100 |
| Sintaxe | .nome-classe |
#nome-id |
| Aplicação | Grupos de elementos | Elementos únicos |