Sobes.tech
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