Forskjellen mellom klasse og ID

Klasse vs ID

Cascading Style Sheets (CSS) er et språk som beskriver utseendet og formateringen av et dokument som er skrevet med et opptakspråk. CSS er mye brukt til å utforme nettsider skrevet i HTML. CSS lar deg spesifisere dine egne stilvalgere i tillegg til å bruke stiler for HTML-elementer. Dette gjøres ved hjelp av ID og klassevalgere. Når du spesifiserer en stil for et enkelt unikt element, brukes ID-velgeren. Når du spesifiserer en stil for en gruppe av elementer, brukes klassevalgeren.

Hva er en klasse?

I CSS kan Class selector brukes til å bruke din egen stil til en gruppe elementer. Klassevalgeren brukes til å bruke en bestemt stil til et sett med elementer med samme klasse. I CSS blir en klasseväljare identifisert ved hjelp av en fullstopp (.). Følgende er et eksempel på en klasseväljare som er definert i CSS.

.klassen min

farge: blå;

font-weight: bold;

HTML kan referere til klassen definert i CSS ved å bruke attributtklassen som vist under.

Dette er min formatering

Dette er min formatering igjen

Som vist ovenfor kan samme klasse brukes til flere elementer, og et enkelt element kan bruke flere klasser. Når flere klasser brukes i samme element, blir klassene satt inn i klassetributtet avgrenset av et mellomrom som vist under.

Dette er min formatering ved hjelp av to klasser

Hva er en ID?

I CSS kan ID-selgeren 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.

#my_ID

fargen rød;

tekst-Justering: høyre;

HTML kan referere til ID-väljeren definert i CSS ved å bruke attributt-ID som vist under.

Dette er formateringsskjemaet mitt en IDvelger

ID er unike. Derfor kan hvert element bare ha en enkelt ID, og ​​hver side kan bare ha et enkelt element med den bestemte IDen. ID-er har en viktig egenskap som kan brukes med en nettleser. Hvis nettsiden URL inneholder en hashverdi (for eksempel http: //myweb.com#my_id), vil nettleseren prøve å automatisk finne elementet med ID "my_id" og bla nettsiden for å vise det elementet. Dette er en grunn til at siden skal ha et enkelt element med den bestemte IDen, slik at nettleseren kan finne elementet.

Hva er forskjellen mellom klasse og ID?

Selv om både klassevalg og ID-velger kan brukes til å bruke din egen stil til elementer på en nettside, har de noen viktige forskjeller. Klassevalg kan brukes til å bruke din egen stil til en gruppe av elementer, mens ID-väljeren brukes til å bruke en stil til et enkelt, unikt element. Når du bruker IDer, kan hvert element bare ha en enkelt ID, og ​​hver side kan bare ha et enkelt element med den bestemte IDen, men Klassen kan brukes til flere elementer, og et enkelt element kan bruke flere klasser. Videre kan ID brukes til å bla en side automatisk for å vise elementet med den IDen, men dette er ikke mulig med klassevalgeren.