Razred proti ID
Cascading Style Sheets (CSS) je jezik, ki opisuje videz in oblikovanje dokumenta, napisanega z uporabo označevalnega jezika. CSS se pogosto uporablja za oblikovanje spletnih strani, napisanih v HTML. CSS omogoča določanje lastnih izbirnikov slogov poleg uporabe slogov za elemente HTML. To se izvede z uporabo izbirnikov ID-ja in razreda. Pri podajanju sloga za en edinstven element se uporabi izbirnik ID-ja. Pri podajanju sloga za skupino elementov se uporabi izbirnik razreda.
Kaj je razred?
V CSS lahko izbirnik razreda uporabite za uporabo lastnega sloga za skupino elementov. Izbirnik razreda se uporablja za uporabo določenega sloga za niz elementov z istim razredom. V CSS je izbirnik razreda označen s piko (.). Sledi primer izbirnika razreda, definiranega v CSS.
.moj_razred {
barva: modra;
font-weight: krepko;
}
HTML se lahko sklicuje na razred, definiran v CSS z uporabo razreda atributa, kot je prikazano spodaj.
To je moje oblikovanje
To je spet moje oblikovanje
Kot je prikazano zgoraj, se lahko isti razred uporablja za več elementov in en element lahko uporablja več razredov. Ko je v istem elementu uporabljenih več razredov, so razredi vstavljeni v atribut razreda, ki je ločen s presledkom, kot je prikazano spodaj.
To je moje oblikovanje z uporabo dveh razredov
Kaj je ID?
V CSS lahko izbirnik ID uporabite za uporabo lastnega sloga za en edinstven element. V CSS je izbirnik ID-ja označen z zgoščeno oznako (). Sledi primer izbirnika ID-ja, definiranega v CSS.
my_ID {
barva: rdeča;
text-align:right;
}
HTML se lahko sklicuje na izbirnik ID-jev, definiran v CSS, z uporabo atributa id, kot je prikazano spodaj.
To je moje oblikovanje iz izbirnika ID
ID-ji so edinstveni. Zato ima lahko vsak element samo en ID in vsaka stran ima lahko samo en element s tem posebnim ID-jem. ID-ji imajo pomembno lastnost, ki jo je mogoče uporabiti z brskalnikom. Če URL strani vsebuje zgoščeno vrednost (npr. https://myweb.commy_id), bo brskalnik poskušal samodejno poiskati element z ID-jem »my_id« in se pomakniti po spletni strani, da prikaže ta element. To je eden od razlogov, zakaj mora imeti stran en element s tem posebnim ID-jem, da lahko brskalnik najde ta element.
Kakšna je razlika med razredom in ID-jem?
Čeprav lahko izbirnik razreda in izbirnik ID-ja uporabite za uporabo lastnega sloga za elemente na spletni strani, imata nekaj pomembnih razlik. Izbirnik razreda lahko uporabite za uporabo lastnega sloga za skupino elementov, medtem ko se izbirnik ID-ja uporablja za uporabo sloga za en sam edinstven element. Pri uporabi ID-jev ima lahko vsak element samo en ID in vsaka stran ima lahko samo en element s tem specifičnim ID-jem, vendar se razred lahko 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.
