Klasse mot ID
Cascading Style Sheets (CSS) er et språk som beskriver utseendet og formateringen til et dokument skrevet med et markeringsspråk. CSS brukes mye til å style websider skrevet i HTML. CSS tillater å spesifisere dine egne stilvelgere i tillegg til å bruke stiler for HTML-elementer. Dette gjøres ved hjelp av ID og klassevalg. Når du spesifiserer en stil for et enkelt unikt element, brukes ID-velgeren. Når du spesifiserer en stil for en gruppe elementer, brukes klassevalgeren.
Hva er en klasse?
I CSS kan klassevelger brukes til å bruke din egen stil til en gruppe elementer. Klassevalgeren brukes til å bruke en bestemt stil på et sett med elementer med samme klasse. I CSS identifiseres en klassevelger ved punktum (.). Følgende er et eksempel på en klassevalg definert i CSS.
.klassen min {
farge: blå;
skriftvekt: fet;
}
HTML kan referere til klassen definert i CSS ved å bruke attributtklassen som vist nedenfor.
Dette er formateringen min
Dette er formateringen min igjen
Som vist ovenfor, kan samme klasse brukes for flere elementer, og et enkelt element kan bruke flere klasser. Når flere klasser brukes i samme element, settes klassene inn i klasseattributtet avgrenset av et mellomrom som vist nedenfor.
Dette er formateringen min ved hjelp av to klasser
Hva er ID?
I CSS kan ID-velger brukes til å bruke din egen stil til et enkelt unikt element. I CSS identifiseres en ID-velger med en hash (#). Følgende er et eksempel på en ID-velger definert i CSS.
# min_ID {
fargen rød;
tekstjustering: høyre;
}
HTML kan referere til ID-velgeren definert i CSS ved å bruke attributt-ID som vist nedenfor.
Dette er formateringen min fra en ID-velger
ID-er er unike. Derfor kan hvert element bare ha en enkelt ID, og hver side kan bare ha et enkelt element med den spesifikke ID-en. ID-er har en viktig egenskap som kan brukes med en nettleser. Hvis sidens URL inneholder en hash-verdi (f.eks. Http: //myweb.com#my_id), vil nettleseren prøve å finne elementet automatisk med ID-en “my_id” og bla gjennom websiden for å vise elementet. Dette er en av årsakene til at siden skal ha et enkelt element med den spesifikke ID-en, slik at nettleseren kan finne det elementet.
Hva er forskjellen mellom klasse og ID?
Selv om både klassevelgeren og ID-velgeren kan brukes til å bruke din egen stil på elementer på en webside, har de noen viktige forskjeller. Klassevalg kan brukes til å bruke din egen stil på en gruppe av elementer, mens ID-velgeren brukes til å bruke en stil på et enkelt, unikt element. Når du bruker ID-er, kan hvert element bare ha en enkelt ID, og hver side kan bare ha et enkelt element med den spesifikke ID-en, men Class kan brukes til flere elementer, og et enkelt element kan bruke flere Classes. Videre kan ID brukes til å bla en side automatisk for å vise elementet med den IDen, men dette er ikke mulig med klassevelgeren.
