Milyen különbségeket ismersz a CSS osztályok és ID-k között?

• Egyediség: Az ID egy oldalon egyedi, az osztály több elemhez is alkalmazható.
• Specifikussági prioritás: Az ID magasabb specifikussági prioritással rendelkezik (100), mint az osztály (10).
• Szelektorok: Az ID szelektort # jelöli, az osztály szelektort ..
• Alkalmazás: Az ID általában egyedi, különálló elemek stílusozására szolgál (pl. fejléc, lábléc), az osztályokat csoportok stílusozására használják, amelyek közös tulajdonságokkal rendelkeznek (pl. különböző színű gombok).

/* Stílus ID szerint - csak egy elemre alkalmazva */
#header {
  background-color: blue;
}

/* Osztály szerint stílus - több elemre alkalmazva */
.button-primary {
  color: white;
  background-color: green;
}

Jellemző	Osztály	ID
Egyediség	Nem egyedi	Egyedi
Prioritás	10	100
Szintaxis	.osztály-neve	#azonosító-neve
Alkalmazás	Csoportok elemekhez	Egyedi elemek