Rozdiel medzi triedou a ID

Trieda vs ID

Cascading Style Sheets (CSS) je jazyk, ktorý popisuje vzhľad a formátovanie dokumentu napísaného pomocou značkovacieho jazyka. CSS sa bežne používa na stvárnenie webových stránok písaných v jazyku HTML. CSS umožňuje okrem použitia štýlov pre prvky HTML špecifikovať aj vaše vlastné selektory štýlov. To sa vykonáva pomocou selektorov ID a tried. Pri určovaní štýlu pre jediný jedinečný prvok sa používa selektor ID. Pri určovaní štýlu pre skupinu prvkov sa používa selektor triedy.

Čo je trieda?

V CSS sa dá výber triedy použiť na použitie vášho vlastného štýlu na skupinu prvkov. Selektor triedy sa používa na aplikovanie špecifického štýlu na množinu prvkov s rovnakou triedou. V CSS je selektor triedy identifikovaný bodkou (.). Nasleduje príklad selektora tried definovaného v CSS.

.moja trieda

farba: modrá;

font-weight: bold;

HTML môže odkazovať na triedu definovanú v CSS pomocou triedy atribútov, ako je uvedené nižšie.

Toto je moje formátovanie

Toto je opäť moje formátovanie

Ako je uvedené vyššie, rovnaká trieda by sa mohla použiť pre viac prvkov a jeden prvok môže používať viacero tried. Ak sa v rovnakom prvku používa viacero tried, triedy sa vložia do atribútu triedy ohraničeného medzerou, ako je to zobrazené nižšie.

Toto je moje formátovanie pomocou dvoch tried

Čo je to ID?

V CSS sa dá selektor ID použiť na použitie vášho vlastného štýlu na jeden jedinečný prvok. V CSS je selektor ID identifikovaný pomocou hash (#). Nasleduje príklad selektora ID definovaného v CSS.

#my_ID

farba: červená;

text-align: right;

HTML môže odkazovať na selektor ID definovaný v CSS pomocou id atribútu, ako je uvedené nižšie.

Toto je môj formátovací formulár na výber ID

ID sú jedinečné. Preto každý prvok môže mať iba jeden identifikátor a každá stránka môže mať iba jeden prvok s týmto špecifickým ID. ID majú dôležitú vlastnosť, ktorú je možné použiť v prehliadači. Ak adresa URL stránky obsahuje hodnotu hash (napr. Http: //myweb.com#my_id), prehliadač sa pokúsi automaticky vyhľadať prvok s identifikátorom „my_id“ a posunutím webovej stránky ho zobraziť. Toto je jeden z dôvodov, prečo by stránka mala mať jediný prvok s týmto špecifickým ID, aby prehliadač mohol tento prvok nájsť.

Aký je rozdiel medzi triedou a ID?

Aj keď je možné použiť selektor triedy aj identifikátor ID na použitie vlastného štýlu na prvky webovej stránky, majú niektoré dôležité rozdiely. Selektor triedy je možné použiť na aplikovanie vášho vlastného štýlu na skupinu prvkov, zatiaľ čo selektor ID sa používa na aplikovanie štýlu na jeden jedinečný prvok. Pri použití ID môže mať každý prvok iba jedno ID a každá stránka môže mať iba jeden prvok s týmto špecifickým ID, ale triedu je možné použiť pre viac prvkov a jeden prvok môže používať viac tried. Okrem toho možno ID použiť na automatické posúvanie stránky, aby sa zobrazil prvok s týmto ID, ale to nie je možné pri výbere triedy.