Aké rozdiely poznáte medzi triedami a…

Triedy (.class):
- Môžu sa použiť na jeden alebo viac prvkov na stránke.
- Používajú sa na skupinovanie štýlov alebo správaní, ktoré môžu byť spoločné pre rôzne prvky.
- V CSS sa označujú bodkou (.).
- V JavaScript je možné získať kolekciu prvkov podľa triedy (getElementsByClassName, querySelectorAll).
Identifikátory (#id):
- Musia byť jedinečné pre každý prvok na stránke. Podľa špecifikácie HTML5 môže sa identifikátor objaviť viackrát, ak dokument neobsahuje viac ako jeden prvok s rovnakou hodnotou v atribúte id. V praxi je však odporúčané používať jedinečné id pre správnu funkčnosť s JavaScriptom a CSS a na zabránenie zmätku.
- Zvyčajne sa používajú na štýlovanie alebo odkazovanie na konkrétny, jedinečný prvok.
- V CSS sa označujú znakom #.
- V JavaScripte je možné získať prvok podľa identifikátora (getElementById).
Špecifickosť v CSS: Identifikátory majú vyššiu špecifickosť ako triedy. To znamená, že pravidlo s selektorom ID prepíše pravidlo s triednym selektorom, ak sú oba aplikované na ten istý prvok.
Sémantika: id sa často používa na označenie štrukturálnych častí stránky (napríklad, #header, #footer), zatiaľ čo triedy (.button, .card) môžu opisovať typ alebo stav prvku.

Aké rozdiely poznáte medzi triedami a identifikátormi?