Forskel Mellem klasse og ID

Klasse vs 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 skrive websider skrevet i HTML. CSS giver mulighed for at specificere dine egne stilvælger ud over at anvende stilarter 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 til 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 er en klassevælger identificeret med et fuldstop (.). Følgende er et eksempel på en klassevælger defineret i CSS.

. my_class {

farve: blå;

skrifttype-vægt: fed;

}

HTML kan henvise til klassen defineret i CSS ved at bruge attributklassen som vist under.

Dette er min formatering

Dette er min formatering igen

Som vist ovenfor kan samme klasse bruges til flere elementer, og et enkelt element kan bruge flere klasser. Når flere klasser anvendes i det samme element, indsættes klasserne i klassen attributten afgrænset af et mellemrum som vist under.

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 er en ID-vælger identificeret ved en hash (#). Følgende er et eksempel på en ID-vælger defineret i CSS.

#my_ID {

farve: rød;

tekst-align: højre;

}

HTML kan henvise til ID-vælgeren defineret i CSS ved at bruge attribut-id'et som vist bellow.

Dette er min formateringskode 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 pågældende ID. ID'er har en vigtig egenskab, som kan bruges sammen med en browser. Hvis sidens webadresse indeholder en hashværdi (f.eks. // myweb.kom # my_id), vil browseren forsøge at finde elementet automatisk med ID'et "my_id" og rulle på websiden for at vise det pågældende element. Dette er en grund til, at siden skal have et enkelt element med det pågældende ID, så browseren kan finde det element.

Hvad er forskellen mellem klasse og id?

Selvom både klassevælger og ID-vælger kan bruges til at anvende din egen stil til elementer på en webside, har de nogle vigtige forskelle. Klassevælgeren kan bruges til at anvende din egen stil til en gruppe af elementer, mens ID-vælgeren bruges til at anvende en stil til 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 pågældende ID, men klassen kan bruges til flere elementer, og et enkelt element kan bruge flere klasser.Desuden kan ID bruges til at rulle en side automatisk for at vise elementet med det id, men det er ikke muligt med klassevælgeren.