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 du ønsker at anvende forskellige stilarter på forskellige afsnit (<p>-elementer), kan du bruge attributterne class og id.
Attributten class tildeler en klasse til et specifikt HTML-element. Flere elementer kan dele den samme klasse. Dette gør det muligt at anvende de samme stilarter på flere elementer.
index.html
styles.css
I dette eksempel deler to afsnit den samme highlight-klasse, hvilket gør det muligt at anvende de samme stilarter 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 unikt på siden. Du må 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
Awesome!
Completion rate improved to 4.35
Klasser 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 du ønsker at anvende forskellige stilarter på forskellige afsnit (<p>-elementer), kan du bruge attributterne class og id.
Attributten class tildeler en klasse til et specifikt HTML-element. Flere elementer kan dele den samme klasse. Dette gør det muligt at anvende de samme stilarter på flere elementer.
index.html
styles.css
I dette eksempel deler to afsnit den samme highlight-klasse, hvilket gør det muligt at anvende de samme stilarter 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 unikt på siden. Du må ikke bruge den samme id-værdi for flere elementer.
Tak for dine kommentarer!