Klasser og ID-er
HTML har et begrenset antall tagger, men noen ganger må du skille mellom spesifikke elementer. For eksempel, hvis du ønsker å bruke ulike stiler på forskjellige avsnitt (<p>
-elementer), kan du bruke attributtene class
og id
.
Attributtet class
tildeler en klasse til et spesifikt HTML-element. Flere elementer kan ha samme klasse. Dette gjør det mulig å bruke de samme stilene på flere elementer.
index.html
styles.css
I dette eksempelet deler to avsnitt samme highlight
-klasse, noe som gjør det mulig å bruke de samme stilene på begge.
Attributtet id
tildeler en unik identifikator til et spesifikt HTML-element. I motsetning til class
-attributtet kan hvert element kun ha én unik id
. Dette er nyttig for å bruke stiler eller manipulere et spesifikt element med JavaScript.
index.html
styles.css
Det er viktig å huske at id
må være unik på siden. Du kan ikke bruke samme id
-verdi for flere elementer.
Takk for tilbakemeldingene dine!
Spør AI
Spør AI
Spør om hva du vil, eller prøv ett av de foreslåtte spørsmålene for å starte chatten vår
Can you give examples of how to use class and id in HTML?
What happens if I accidentally use the same id for multiple elements?
How do I style elements with class and id in CSS?
Awesome!
Completion rate improved to 4.35
Klasser og ID-er
Sveip for å vise menyen
HTML har et begrenset antall tagger, men noen ganger må du skille mellom spesifikke elementer. For eksempel, hvis du ønsker å bruke ulike stiler på forskjellige avsnitt (<p>
-elementer), kan du bruke attributtene class
og id
.
Attributtet class
tildeler en klasse til et spesifikt HTML-element. Flere elementer kan ha samme klasse. Dette gjør det mulig å bruke de samme stilene på flere elementer.
index.html
styles.css
I dette eksempelet deler to avsnitt samme highlight
-klasse, noe som gjør det mulig å bruke de samme stilene på begge.
Attributtet id
tildeler en unik identifikator til et spesifikt HTML-element. I motsetning til class
-attributtet kan hvert element kun ha én unik id
. Dette er nyttig for å bruke stiler eller manipulere et spesifikt element med JavaScript.
index.html
styles.css
Det er viktig å huske at id
må være unik på siden. Du kan ikke bruke samme id
-verdi for flere elementer.
Takk for tilbakemeldingene dine!