Klassi ja ID erinevus

Klass vs ID

Kaskaadlaadistiilid (CSS) on keel, mis kirjeldab märgistuskeelt kirjutatud dokumendi välimust ja vormingut. CSS-i kasutatakse laialdaselt HTML-i kirjutatud veebilehtede stiilimiseks. CSS võimaldab lisaks HTML-elementide stiilide rakendamisele määratleda ka oma stiilivalijad. Selleks kasutatakse ID ja klassi valijaid. Üksiku unikaalse elemendi stiili määramisel kasutatakse ID valijat. Elementide rühmale stiili määramisel kasutatakse klassi valijat.

Mis on klass?

CSS-is saab klassi valijat kasutada oma stiili rakendamiseks elementide rühmale. Klassi valijat kasutatakse konkreetse stiili rakendamiseks sama klassi elementide komplektile. CSS-is identifitseeritakse klassi valija punktiga (.). Järgnevalt on toodud näide CSS-is määratletud klassi valijast.

.minu klass

värv: sinine;

kirjasuurus: paks;

HTML võib viidata CSS-is määratletud klassile, kasutades atribuudi klassi, nagu on näidatud allpool.

See on minu vormindamine

See on jälle minu vormindamine

Nagu ülal näidatud, võib sama klassi kasutada mitme elemendi jaoks ja üks element võib kasutada mitut klassi. Kui ühes ja samas elemendis kasutatakse mitut klassi, sisestatakse klassid klassi atribuuti, mis on eraldatud tühikuga, nagu on näidatud allpool.

See on minu vormindamine, kasutades kahte klassi

Mis on ID?

CSS-is saab ID-valijat kasutada oma stiili rakendamiseks ühele ainulaadsele elemendile. CSS-is identifitseeritakse ID valija räsi (#) abil. Järgnevalt on toodud näide CSS-is määratletud ID-valijast.

#my_ID

värv: punane;

teksti joondamine: paremal;

HTML võib viidata CSS-is määratletud ID-valijale, kasutades atribuudi ID, nagu näidatud allpool.

See on minu ID-valija vormindamine

ID-d on ainulaadsed. Seetõttu võib igal elemendil olla ainult üks ID ja igal lehel võib olla ainult üks selle konkreetse ID-ga element. ID-del on oluline omadus, mida saab brauseriga kasutada. Kui lehe URL sisaldab räsiväärtust (nt http: //myweb.com#my_id), proovib brauser elemendi automaatselt tuvastada ID-ga „my_id” ja kerib selle elemendi kuvamiseks veebilehte. See on üks põhjus, miks lehel peaks olema konkreetne ID-ga üks element, et brauser saaks selle elemendi üles leida.

Mis vahe on klassil ja ID-l??

Ehkki nii klassi valijat kui ka ID valijat saab kasutada oma stiili rakendamiseks veebilehe elementidele, on neil mõned olulised erinevused. Klassivalijat saab kasutada oma stiili rakendamiseks elementide rühmale, ID-valijat kasutatakse stiili rakendamiseks ühele ainulaadsele elemendile. ID-de kasutamisel võib igal elemendil olla ainult üks ID ja igal lehel võib olla ainult üks selle konkreetse ID-ga element, kuid klassi võiks kasutada mitme elemendi jaoks ja üks element võiks kasutada mitut klassi. Lisaks saab ID-d kasutada lehe kerimiseks automaatselt, et kuvada selle ID-ga element, kuid klassivalijaga pole see võimalik.