Forskellen mellem klasse og ID

Klasse vs ID

Cascading Style Sheets (CSS) er et sprog, der beskriver udseendet og formateringen af ​​et dokument skrevet ved hjælp af et markeringssprog. CSS er vidt brugt til at style websider skrevet i HTML. CSS giver mulighed for at specificere dine egne typevalgere ud over at anvende stilarter til HTML-elementer. Dette gøres ved hjælp af ID og klassevælgerne. Når du specificerer en stil for et enkelt unikt element, anvendes ID-vælgeren. Når du specificerer en stil for en gruppe af elementer, anvendes klassevælgeren.

Hvad er en klasse?

I CSS kan klassevælger bruges til at anvende din egen stil på en gruppe af elementer. Klassevælgeren bruges til at anvende en bestemt stil på et sæt elementer med den samme klasse. I CSS identificeres en klassevælger ved fuld stop (.). I det 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 kunne 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 bælge.

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 på et enkelt unikt element. I CSS identificeres en ID-vælger med en hash (#). I det følgende er et eksempel på en ID-vælger defineret i CSS.

#my_ID

farve: rød;

text-align: right;

HTML kan henvise til ID-vælgeren defineret i CSS ved hjælp af attribut-id som vist nedenfor.

Dette er min formatering som 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 sidewebadressen indeholder en hashværdi (f.eks. Http: //myweb.com#my_id) vil browseren forsøge at lokalisere elementet automatisk med ID'et "my_id" og rulle webside for at vise dette element. Dette er en af ​​grundene til, at siden skal have et enkelt element med det specifikke ID, så browseren kan lokalisere dette 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 få vist elementet med det ID, men dette er ikke muligt med klassevælgeren.