Třída vs ID
Kaskádové styly (CSS) je jazyk, který popisuje vzhled a formátování dokumentu napsaného pomocí značkovacího jazyka. CSS je široce používán ke stylu webových stránek napsaných v HTML. CSS umožňuje kromě použití stylů pro prvky HTML specifikovat i vlastní selektory stylů. To se provádí pomocí selektorů ID a tříd. Při zadávání stylu pro jeden 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 to třída?
V CSS lze selektor třídy použít k použití vlastního stylu na skupinu prvků. Selektor třídy se používá k použití konkrétní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á;
váha písma: tučné;
}
HTML může odkazovat na třídu definovanou v CSS pomocí třídy atributů, jak je uvedeno níže.
Toto je moje formátování
Toto je moje formátování znovu
Jak je uvedeno výše, stejnou třídu lze použít pro více prvků a jeden prvek může používat více tříd. Pokud se ve stejném prvku používá více tříd, třídy se vloží do atributu třídy odděleného mezerou, jak je uvedeno níže.
Toto je moje formátování pomocí dvou tříd
Co je to ID?
V CSS lze selektor ID použít k použití vlastního stylu na jeden jedinečný prvek. V CSS je selektor ID identifikován hashem (#). 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 moje formátovací forma selektoru ID
ID jsou jedinečná. Proto každý prvek může mít pouze jedno 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), pokusí se prohlížeč automaticky vyhledat prvek s ID „my_id“a posouvat webovou stránku, aby se tento prvek zobrazil. To je jeden z důvodů, proč by stránka měla mít jeden prvek s tímto konkrétním ID, aby mohl prohlížeč tento prvek najít.
Jaký je rozdíl mezi třídou a ID?
I když lze k použití vlastního stylu na prvky na webové stránce použít jak selektor třídy, tak i selektor ID, 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 jeden jedinečný prvek. Při použití ID může mít každý prvek pouze jedno ID a každá stránka může mít pouze jeden prvek s tímto konkrétním ID, ale Class může být použita pro více prvků a jeden prvek může používat více Classes. Kromě toho lze ID použít k automatickému posouvání stránky k zobrazení prvku s tímto ID, ale u selektoru třídy to není možné.
