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 dele samme klasse. Dette gjør det mulig å bruke de samme stilene på flere elementer.
index.html
styles.css
I dette eksemplet 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
Awesome!
Completion rate improved to 4.35Klasser 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 dele samme klasse. Dette gjør det mulig å bruke de samme stilene på flere elementer.
index.html
styles.css
I dette eksemplet 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!
