Diferenca midis klasës dhe ID-së

Diferenca midis klasës dhe ID-së
Diferenca midis klasës dhe ID-së

Video: Diferenca midis klasës dhe ID-së

Video: Diferenca midis klasës dhe ID-së
Video: AQUASCAPING MASTERCLASS BY JUAN PUCHADES - CHALLENGE YOURSELF, CREATE SOMETHING MEMORABLE! 2024, Korrik
Anonim

Klasa vs ID

Fletët e stilit Cascading (CSS) është një gjuhë që përshkruan pamjen dhe formatimin e një dokumenti të shkruar duke përdorur një gjuhë shënjimi. CSS përdoret gjerësisht për të stiluar faqet e internetit të shkruara në HTML. CSS ju lejon të specifikoni përzgjedhësit tuaj të stilit përveç aplikimit të stileve për elementët HTML. Kjo bëhet duke përdorur ID-në dhe përzgjedhësit e klasës. Kur specifikoni një stil për një element të vetëm unik, përdoret përzgjedhësi ID. Kur specifikoni një stil për një grup elementësh, përdoret përzgjedhësi i klasës.

Çfarë është një klasë?

Në CSS, përzgjedhësi i klasës mund të përdoret për të aplikuar stilin tuaj në një grup elementësh. Zgjedhësi i klasës përdoret për të aplikuar një stil specifik në një grup elementësh me të njëjtën klasë. Në CSS, një përzgjedhës i klasës identifikohet me një pikë (.). Më poshtë është një shembull i një përzgjedhësi të klasës të përcaktuar në CSS.

.my_class {

ngjyra: blu;

pesha e shkronjave: bold;

}

HTML mund t'i referohet klasës së përcaktuar në CSS duke përdorur klasën e atributeve siç tregohet më poshtë.

Ky është formatimi im

Ky është përsëri formatimi im

Siç tregohet më sipër, e njëjta klasë mund të përdoret për shumë elementë dhe një element i vetëm mund të përdorë klasa të shumta. Kur përdoren klasa të shumta në të njëjtin element, klasat futen në atributin e klasës të kufizuar nga një hapësirë siç tregohet më poshtë.

Ky është formatimi im duke përdorur dy klasa

Çfarë është një ID?

Në CSS, përzgjedhësi ID mund të përdoret për të aplikuar stilin tuaj në një element të vetëm unik. Në CSS, një përzgjedhës ID identifikohet nga një hash (). Më poshtë është një shembull i një përzgjedhësi ID të përcaktuar në CSS.

my_ID {

ngjyra: e kuqe;

text-align:right;

}

HTML mund t'i referohet përzgjedhësit ID të përcaktuar në CSS duke përdorur id-në e atributit siç tregohet më poshtë.

Ky është formatimi im nga një përzgjedhës ID

ID-tëjanë unike. Prandaj çdo element mund të ketë vetëm një ID të vetme dhe çdo faqe mund të ketë vetëm një element të vetëm me atë ID specifike. ID-të kanë një karakteristikë të rëndësishme që mund të përdoret me një shfletues. Nëse URL-ja e faqes përmban një vlerë hash (p.sh. https://myweb.commy_id), shfletuesi do të përpiqet të gjejë automatikisht elementin me ID-në "my_id" dhe të lëvizë faqen e internetit për të shfaqur atë element. Kjo është një arsye pse faqja duhet të ketë një element të vetëm me atë ID specifike, në mënyrë që shfletuesi të mund ta gjejë atë element.

Cili është ndryshimi midis Klasës dhe ID?

Edhe pse zgjedhësi i klasës dhe përzgjedhësi i ID-së mund të përdoren për të aplikuar stilin tuaj tek elementët në një faqe interneti, ato kanë disa dallime të rëndësishme. Zgjedhësi i klasës mund të përdoret për të aplikuar stilin tuaj në një grup elementësh, ndërsa përzgjedhësi ID përdoret për të aplikuar një stil në një element të vetëm, unik. Kur përdorni ID-të, çdo element mund të ketë vetëm një ID të vetme dhe çdo faqe mund të ketë vetëm një element të vetëm me atë ID specifike, por Klasa mund të përdoret për elementë të shumtë dhe një element i vetëm mund të përdorë Klasa të shumta. Për më tepër, ID-ja mund të përdoret për të lëvizur automatikisht një faqe për të shfaqur elementin me atë ID, por kjo nuk është e mundur me përzgjedhësin e klasës.

Recommended: