Intern
Jaké rozdíly znáte mezi třídami a identifikátory?
sobes.tech AI
Odpověď od AI
- Třídy (
.class):- Lze je použít na jeden nebo více prvků na stránce.
- Používají se ke skupinování stylů nebo chování, které mohou být společné pro různé prvky.
- V CSS jsou označeny tečkou (
.). - V JavaScriptu lze získat kolekci prvků podle třídy (
getElementsByClassName,querySelectorAll).
- Identifikátory (
#id):- Musí být jedinečné pro každý prvek na stránce. Podle specifikace HTML5 může se identifikátor objevit vícekrát, pokud dokument neobsahuje více než jeden prvek se stejnou hodnotou atributu
id. V praxi je však doporučeno používat unikátníidpro správnou funkčnost s JavaScriptem a CSS a pro zabránění zmatku. - Obvykle se používají k stylování nebo odkazování na konkrétní, jedinečný prvek.
- V CSS jsou označeny znakem
#. - V JavaScriptu lze získat prvek podle identifikátoru (
getElementById).
- Musí být jedinečné pro každý prvek na stránce. Podle specifikace HTML5 může se identifikátor objevit vícekrát, pokud dokument neobsahuje více než jeden prvek se stejnou hodnotou atributu
- Specifičnost CSS: Identifikátory mají vyšší specifikaci než třídy. To znamená, že pravidlo s ID selektorem přepíše pravidlo s třídním selektorem, pokud jsou oba aplikovány na stejný prvek.
- Sémantika:
idse často používá k označení strukturálních částí stránky (například#header,#footer), zatímco třídy (.button,.card) mohou popisovat typ nebo stav prvku.