Aké rozdiely poznáš medzi triedami a ID v CSS?

• Unikátnosť: ID je na stránke jedinečné, trieda môže byť použitá na viacerých prvkoch.
• Priorita špecifickosti: ID má vyššiu prioritu (100) v porovnaní s triedou (10).
• Selektory: Selektor ID je označený #, selektor triedy ..
• Použitie: ID sa zvyčajne používa na štýlovanie jednotlivých, jedinečných prvkov (napríklad hlavička, päta), triedy na štýlovanie skupín prvkov s spoločnými vlastnosťami (napríklad tlačidlá rôznych farieb).

/* Štýlovanie podľa ID - použité iba na jeden prvok */
#header {
  background-color: blue;
}

/* Štýlovanie podľa triedy - použité na viac prvkov */
.button-primary {
  color: white;
  background-color: green;
}

Vlastnosť	Trieda	ID
Unikátnosť	Nie je jedinečné	Jedinečné
Priorita	10	100
Syntax	.názov-triedy	#názov-id
Použitie	Skupiny prvkov	Jedinečné prvky