Rozdíl mezi třídou a ID

Třída vs ID

Kaskádové styly (CSS) je jazyk, který popisuje vzhled a formátování dokumentu psaného pomocí značkovacího jazyka. CSS je široce používán ke stylu webových stránek psaných v HTML. CSS umožňuje kromě použití stylů pro prvky HTML určit vlastní výběr stylů. To se provádí pomocí selektorů ID a tříd. Při určování stylu pro jediný jedinečný prvek se používá selektor ID. Při určování stylu pro skupinu prvků se používá selektor třídy.

Co je třída?

V CSS lze volič třídy použít k použití vlastního stylu na skupinu prvků. Selektor třídy se používá k použití specifického stylu na sadu prvků se stejnou třídou. V CSS je selektor třídy označen tečkou (.). Následuje příklad selektoru tříd definovaného v CSS.

.moje třída

barva: modrá;

font-weight: bold;

HTML může odkazovat na třídu definovanou v CSS pomocí třídy atributů, jak je ukázáno níže.

Toto je moje formátování

Toto je moje formátování znovu

Jak je uvedeno výše, stejná třída může být použita pro více prvků a jediný prvek může používat více tříd. Pokud je ve stejném prvku použito více tříd, vloží se třídy do atributu třídy ohraničeného mezerou, jak je uvedeno níže.

Toto je moje formátování pomocí dvou tříd

Co je to ID?

V CSS lze volič ID použít k použití vašeho vlastního stylu na jediný jedinečný prvek. V CSS je selektor ID identifikován pomocí hash (#). Následuje příklad selektoru ID definovaného v CSS.

#můj průkaz

červená barva;

zarovnání textu: vpravo;

HTML může odkazovat na selektor ID definovaný v CSS pomocí id atributu, jak je uvedeno níže.

Toto je můj formátovací formulář pro výběr ID

ID jsou jedinečné. Proto každý prvek může mít pouze jeden ID a každá stránka může mít pouze jeden prvek s tímto konkrétním ID. ID mají důležitou vlastnost, kterou lze použít v prohlížeči. Pokud adresa URL stránky obsahuje hodnotu hash (např. Http: //myweb.com#my_id), prohlížeč se pokusí automaticky najít prvek s ID „my_id“ a posouváním webové stránky tento prvek zobrazit. To je jeden z důvodů, proč by stránka měla mít jediný prvek s tímto konkrétním ID, aby jej prohlížeč mohl najít.

Jaký je rozdíl mezi třídou a ID?

Přestože jak volič třídy, tak volič ID lze použít k použití vlastního stylu na prvky na webové stránce, mají některé důležité rozdíly. Selektor třídy lze použít k použití vlastního stylu na skupinu prvků, zatímco selektor ID se používá k použití stylu na jediný jedinečný prvek. Při použití ID může mít každý prvek pouze jeden ID a každá stránka může mít pouze jeden prvek s tímto konkrétním ID, ale třída může být použita pro více prvků a jediný prvek může používat více tříd. Kromě toho lze ID použít k automatickému posouvání stránky k zobrazení prvku s tímto ID, ale to není možné pomocí selektoru třídy.