Skirtumas tarp klasės ir asmens tapatybės

Klasė vs ID

Kaskadiniai stiliaus lapai (CSS) yra kalba, apibūdinanti dokumento, parašyto naudojant žymėjimo kalbą, išvaizdą ir formatavimą. CSS yra plačiai naudojama tinklalapių, parašytų HTML formatu, stiliui. CSS leidžia apibrėžti savo stiliaus parinkiklius, ne tik pritaikyti stilius HTML elementams. Tai atliekama naudojant ID ir klasės parinkiklius. Nurodant vieno unikalaus elemento stilių, naudojamas ID parinkiklis. Nurodant elementų grupės stilių, naudojamas klasės parinkiklis.

Kas yra klasė?

CSS, klasės parinkiklis gali būti naudojamas pritaikyti savo stilių elementų grupei. „Class“ parinkiklis naudojamas tam tikram stiliui pritaikyti tos pačios klasės elementų rinkinį. CSS klasių parinkėjas žymimas tašku (.). Toliau pateiktas CSS apibrėžto klasės parinkiklio pavyzdys.

.Mano klasė

spalva: mėlyna;

šrifto svoris: paryškintas;

HTML gali nurodyti CSS apibrėžtą klasę naudojant atributų klasę, kaip parodyta žemiau.

Tai yra mano formatavimas

Tai vėl yra mano formatavimas

Kaip parodyta aukščiau, ta pati klasė gali būti naudojama keliems elementams, o vienas elementas gali naudoti kelias klases. Kai tame pačiame elemente naudojamos kelios klasės, klasės įterpiamos į klasės atributą, kurį atskiria tarpas, kaip parodyta žemiau.

Tai yra mano formatavimas naudojant dvi klases

Kas yra ID?

CSS, ID parinkiklis gali būti naudojamas pritaikyti savo stilių vienam unikaliam elementui. CSS ID parinkiklis identifikuojamas maišos (#). Toliau pateiktas CSS apibrėžto ID parinkiklio pavyzdys.

#my_ID

spalva: raudona;

tekstas lygiuoti: dešinėje;

HTML gali nurodyti CSS apibrėžtą ID parinkiklį naudojant atributo ID, kaip parodyta žemiau.

Tai yra mano formato forma, naudojant ID parinkiklį

ID yra unikalūs. Todėl kiekvienas elementas gali turėti tik vieną ID, o kiekvienas puslapis gali turėti tik vieną elementą su tuo konkrečiu ID. ID turi svarbią savybę, kurią galima naudoti su naršykle. Jei puslapio URL yra maišos reikšmė (pvz., Http: //myweb.com#my_id), naršyklė bandys automatiškai surasti elementą, kurio ID yra „my_id“, ir slinkite tinklalapiu, kad būtų rodomas tas elementas. Tai yra viena iš priežasčių, kodėl puslapis turėtų turėti vieną elementą su tuo konkrečiu ID, kad naršyklė galėtų rasti tą elementą.

Kuo skiriasi klasė ir ID?

Nors tiek klasės parinkiklis, tiek ID parinkiklis gali būti naudojami norint pritaikyti savo stilių tinklalapio elementams, jie turi keletą svarbių skirtumų. Klasės parinkiklis gali būti naudojamas pritaikyti savo stilių elementų grupei, o ID parinkiklis - stiliui pritaikyti atskiram, unikaliam elementui. Naudojant ID, kiekvienas elementas gali turėti tik vieną ID, o kiekvienas puslapis gali turėti tik vieną elementą su tuo konkrečiu ID, tačiau „Class“ galėtų būti naudojama keliems elementams, o vienas elementas gali naudoti kelias klases. Be to, ID gali būti naudojamas puslapiui automatiškai slinkti, kad būtų rodomas elementas su tuo ID, tačiau tai neįmanoma naudojant klasės parinkiklį..