Klas vs ID
Cascading Style Sheets (CSS) is 'n taal wat die voorkoms en formatering van 'n dokument beskryf wat met 'n opmerktaal geskryf is. CSS word wyd gebruik om webbladsye wat in HTML geskryf is, te styl. CSS laat toe om jou eie stylkiesers te spesifiseer, benewens die toepassing van style vir HTML-elemente. Dit word gedoen met behulp van die ID en klaskiesers. Wanneer 'n styl vir 'n enkele unieke element gespesifiseer word, word die ID-kieser gebruik. Wanneer 'n styl vir 'n groep elemente gespesifiseer word, word die klaskieser gebruik.
Wat is 'n klas?
In CSS kan klaskieser gebruik word om jou eie styl op 'n groep elemente toe te pas. Die klaskieser word gebruik om 'n spesifieke styl op 'n stel elemente met dieselfde klas toe te pas. In CSS word 'n klaskieser met 'n punt (.) geïdentifiseer. Die volgende is 'n voorbeeld van 'n klaskieser wat in CSS gedefinieer is.
.my_klas {
kleur: blou;
font-gewig: vet;
}
HTML kan verwys na die klas wat in CSS gedefinieer is deur die kenmerkklas te gebruik soos hieronder getoon.
Dit is my formatering
Dit is weer my formatering
Soos hierbo getoon, kan dieselfde klas vir veelvuldige elemente gebruik word en 'n enkele element kan veelvuldige klasse gebruik. Wanneer veelvuldige klasse in dieselfde element gebruik word, word die klasse by die klaskenmerk ingevoeg wat deur 'n spasie afgebak word soos hieronder getoon.
Dit is my formatering wat twee klasse gebruik
Wat is 'n ID?
In CSS kan ID-kieser gebruik word om jou eie styl op 'n enkele unieke element toe te pas. In CSS word 'n ID-kieser deur 'n hash () geïdentifiseer. Die volgende is 'n voorbeeld van 'n ID-kieser wat in CSS gedefinieer is.
my_ID {
kleur: rooi;
text-align:right;
}
HTML kan verwys na die ID-kieser wat in CSS gedefinieer is deur die kenmerk-ID te gebruik soos hieronder getoon.
Dit is my formatering van 'n ID-kieser
ID's is uniek. Daarom kan elke element slegs 'n enkele ID hê en elke bladsy kan slegs 'n enkele element met daardie spesifieke ID hê. ID's het 'n belangrike eienskap wat met 'n blaaier gebruik kan word. As die bladsy-URL 'n hash-waarde bevat (bv. https://myweb.commy_id) sal die blaaier outomaties probeer om die element met die ID "my_id" op te spoor en die webblad te blaai om daardie element te vertoon. Dit is een rede waarom die bladsy 'n enkele element met daardie spesifieke ID moet hê, sodat die blaaier daardie element kan opspoor.
Wat is die verskil tussen Klas en ID?
Al kan beide die Klas- en ID-kieser gebruik word om jou eie styl op elemente in 'n webblad toe te pas, het hulle 'n paar belangrike verskille. Klaskieser kan gebruik word om jou eie styl op 'n groep elemente toe te pas, terwyl die ID-kieser gebruik word om 'n styl op 'n enkele, unieke element toe te pas. Wanneer ID's gebruik word, kan elke element slegs 'n enkele ID hê en elke bladsy kan slegs 'n enkele element met daardie spesifieke ID hê, maar Klas kan vir veelvuldige elemente gebruik word en 'n enkele element kan verskeie Klasse gebruik. Verder kan ID gebruik word om 'n bladsy outomaties te blaai om die element met daardie ID te vertoon, maar dit is nie moontlik met die klaskieser nie.
