Klasse mod ID
Cascading Style Sheets (CSS) er et sprog, der beskriver udseendet og formateringen af et dokument, der er skrevet ved hjælp af et markeringssprog. CSS bruges i vid udstrækning til at style websider skrevet i HTML. CSS giver mulighed for at specificere dine egne typevalg ud over at anvende typografier til HTML-elementer. Dette gøres ved hjælp af ID og klassevælgere. Når du angiver en stil til et enkelt unikt element, bruges ID-vælgeren. Når du angiver en stil for en gruppe af elementer, bruges klassevælgeren.
Hvad er en klasse?
I CSS kan klassevælger bruges til at anvende din egen stil til en gruppe af elementer. Klassevælgeren bruges til at anvende en bestemt stil på et sæt elementer med samme klasse. I CSS identificeres en klassevælger ved et punktum (.). Følgende er et eksempel på en klassevælger defineret i CSS.
.min klasse {
farve: blå;
font-vægt: fed;
}
HTML kan henvise til klassen defineret i CSS ved hjælp af attributklassen som vist nedenfor.
Dette er min formatering
Dette er min formatering igen
Som vist ovenfor kan den samme klasse bruges til flere elementer, og et enkelt element kan bruge flere klasser. Når der anvendes flere klasser i det samme element, indsættes klasserne i klasseattributten afgrænset af et mellemrum som vist nedenfor.
Dette er min formatering ved hjælp af to klasser
Hvad er et ID?
I CSS kan ID-vælger bruges til at anvende din egen stil til et enkelt unikt element. I CSS identificeres en ID-vælger med en hash (#). Følgende er et eksempel på en ID-vælger defineret i CSS.
#my_ID {
farve: rød;
tekstjustering: højre;
}
HTML kan henvise til ID-vælgeren defineret i CSS ved hjælp af attribut-id'et som vist nedenfor.
Dette er min formatering fra en ID-vælger
ID'er er unikke. Derfor kan hvert element kun have et enkelt ID, og hver side kan kun have et enkelt element med det specifikke ID. ID'er har en vigtig egenskab, der kan bruges med en browser. Hvis sidens URL indeholder en hash-værdi (f.eks. Http: //myweb.com#my_id), vil browseren automatisk forsøge at finde elementet med ID'et "my_id" og rulle på websiden for at få vist elementet. Dette er en af grundene til, at siden skal have et enkelt element med det specifikke ID, så browseren kan finde det element.
Hvad er forskellen mellem klasse og ID?
Selvom både klassevælgeren og ID-vælgeren kan bruges til at anvende din egen stil på elementer på en webside, har de nogle vigtige forskelle. Klassevælger kan bruges til at anvende din egen stil på en gruppe af elementer, mens ID-vælgeren bruges til at anvende en stil på et enkelt, unikt element. Når du bruger id'er, kan hvert element kun have et enkelt id, og hver side kan kun have et enkelt element med det specifikke id, men klasse kan bruges til flere elementer, og et enkelt element kan bruge flere klasser. Desuden kan ID bruges til automatisk at rulle en side for at vise elementet med det ID, men dette er ikke muligt med klassevælgeren.
