Razlika med razredom in ID

Razred v primerjavi z ID

Cascading Style Sheets (CSS) je jezik, ki opisuje videz in oblikovanje dokumenta, napisanega z označevalnim jezikom. CSS se pogosto uporablja za oblikovanje spletnih strani, napisanih v HTML. CSS poleg določitve slogov za elemente HTML omogoča določitev lastnih izbirnikov stilov. To se naredi z izbirnikom ID in razreda. Pri določitvi sloga za en edinstven element se uporablja izbirnik ID-jev. Pri določanju sloga za skupino elementov se uporablja izbirnik razreda.

Kaj je razred?

V CSS-u lahko izbirnik razreda uporabite za uporabo svojega lastnega sloga na skupini elementov. Izbirnik razreda se uporablja za določanje sloga na nabor elementov z istim razredom. V CSS je izbirnik razreda prepoznan s popolno zaustavitvijo (.). Sledi primer izbirnika razredov, definiranega v CSS.

.moj razred

barva: modra;

pisava: krepka;

HTML se lahko sklicuje na razred, opredeljen v CSS, z uporabo atributnega razreda, kot je prikazano spodaj.

To je moje oblikovanje

To je spet moje oblikovanje

Kot je prikazano zgoraj, bi lahko isti razred uporabili za več elementov, en element pa lahko uporablja več razredov. Kadar se v istem elementu uporabljajo več razredov, so razredi vstavljeni v atribut razreda, ločen s presledkom, kot je prikazano spodaj.

To je moje oblikovanje z uporabo dveh razredov

Kaj je ID?

V CSS lahko izbirnik ID-jev uporabite za uporabo svojega lastnega sloga na enem edinstvenem elementu. V CSS je izbirnik ID-jev identificiran s hash (#). Sledi primer izbirnika ID-ja, definiranega v CSS.

#my_ID

barva: rdeča;

poravnava besedila: desno;

HTML se lahko sklicuje na izbirnik ID, opredeljen v CSS, z uporabo atributa ID, kot je prikazano spodaj.

To je moje oblikovanje izbirnika ID-ja

ID-ji so edinstveni. Zato ima lahko vsak element samo en ID, vsaka stran pa lahko ima samo en element s tem določenim ID-jem. ID-ji imajo pomembno lastnost, ki jo je mogoče uporabiti pri brskalniku. Če URL strani vsebuje vrednost hash (npr. Http: //myweb.com#my_id), bo brskalnik poskušal samodejno poiskati element z ID-jem "my_id" in se pomaknil po spletni strani, da se prikaže ta element. To je en razlog, da mora imeti stran en sam element s tem določenim ID-jem, da lahko brskalnik najde ta element.

Kakšna je razlika med Razredom in ID-jem?

Čeprav se lahko za izbiro elementa na spletni strani uporabljata izbirnik razreda in izbirnik ID-jev, imajo nekatere pomembne razlike. Izbirnik razreda lahko uporabite za uporabo svojega lastnega sloga v skupini elementov, medtem ko se izbirnik ID-ja uporablja za uporabo sloga na enem samem edinstvenem elementu. Pri uporabi ID-jev lahko vsak element ima samo en ID in vsaka stran ima lahko samo en element s tem specifičnim ID-jem, vendar se lahko Class uporablja za več elementov in en element lahko uporablja več razredov. Poleg tega lahko ID uporabite za samodejno pomikanje po strani za prikaz elementa s tem ID-jem, vendar to ni mogoče z izbirnikom razreda.