Quali differenze conosci tra classi e ID in CSS?

• Unicità: L'ID è unico sulla pagina, la classe può essere applicata a più elementi.
• Priorità di specificità: L'ID ha una priorità di specificità più alta (100) rispetto alla classe (10).
• Selettori: Il selettore ID è indicato con #, il selettore di classe con ..
• Applicazione: L'ID viene generalmente usato per stilizzare elementi singoli e unici (ad esempio, intestazione, piè di pagina), le classi per stilizzare gruppi di elementi con proprietà comuni (ad esempio, pulsanti di diversi colori).

/* Stilizzazione tramite ID - applicata solo a un elemento */
#header {
  background-color: blue;
}

/* Stilizzazione tramite classe - applicata a più elementi */
.button-primary {
  color: white;
  background-color: green;
}

Caratteristica	Classe	ID
Unicità	Non unico	Unico
Priorità	10	100
Sintassi	.nome-classe	#nome-id
Applicazione	Gruppi di elementi	Elementi unici