Klasser og Id'er
HTML har et begrænset antal tags, men nogle gange er det nødvendigt at skelne mellem specifikke elementer. For eksempel, hvis der ønskes forskellige stilarter på forskellige afsnit (<p>-elementer), kan attributterne class og id anvendes.
Attributten class tildeler en klasse til et specifikt HTML-element. Flere elementer kan dele den samme klasse. Dette muliggør anvendelse af samme stil på flere elementer.
index.html
styles.css
I dette eksempel deler to afsnit den samme highlight-klasse, hvilket gør det muligt at anvende samme stil på begge.
Attributten id tildeler en unik identifikator til et specifikt HTML-element. I modsætning til attributten class kan hvert element kun have én unik id. Dette er nyttigt til at anvende stilarter eller manipulere et specifikt element ved hjælp af JavaScript.
index.html
styles.css
Det er vigtigt at huske, at id skal være unik på siden. Du kan ikke bruge den samme id-værdi for flere elementer.
Tak for dine kommentarer!
Spørg AI
Spørg AI
Spørg om hvad som helst eller prøv et af de foreslåede spørgsmål for at starte vores chat
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.35Klasser og Id'er
Stryg for at vise menuen
HTML har et begrænset antal tags, men nogle gange er det nødvendigt at skelne mellem specifikke elementer. For eksempel, hvis der ønskes forskellige stilarter på forskellige afsnit (<p>-elementer), kan attributterne class og id anvendes.
Attributten class tildeler en klasse til et specifikt HTML-element. Flere elementer kan dele den samme klasse. Dette muliggør anvendelse af samme stil på flere elementer.
index.html
styles.css
I dette eksempel deler to afsnit den samme highlight-klasse, hvilket gør det muligt at anvende samme stil på begge.
Attributten id tildeler en unik identifikator til et specifikt HTML-element. I modsætning til attributten class kan hvert element kun have én unik id. Dette er nyttigt til at anvende stilarter eller manipulere et specifikt element ved hjælp af JavaScript.
index.html
styles.css
Det er vigtigt at huske, at id skal være unik på siden. Du kan ikke bruge den samme id-værdi for flere elementer.
Tak for dine kommentarer!
