Kādas atšķirības pazīsti starp klasēm un ID CSS?

• Unikālums: ID ir unikāls lapā, klase var tikt piemērota vairākiem elementiem.
• Specifitātes prioritāte: ID ir ar augstāku specifitātes prioritāti (100) salīdzinājumā ar klasi (10).
• Seletori: ID selektors tiek apzīmēts ar #, klases selektors ar ..
• Pielietojums: ID parasti tiek izmantots, lai stilizētu atsevišķus, unikālus elementus (piem., galveni, kājeni), klases lieto grupu elementu stilizēšanai ar kopīgām īpašībām (piem., dažādu krāsu pogas).

/* Stilizācija pēc ID - tiek piemērota tikai vienam elementam */
#header {
  background-color: blue;
}

/* Stilizācija pēc klases - tiek piemērota vairākiem elementiem */
.button-primary {
  color: white;
  background-color: green;
}

Īpašība	Klase	ID
Unikalitāte	Nav unikāla	Unikāla
Prioritāte	10	100
Sintakse	.klases-nosaukums	#id-nosaukums
Pielietojums	Elementu grupas	Vienreizēji elementi