Klasser och id:n
HTML har ett begränsat antal taggar, men ibland behöver du särskilja mellan specifika element. Till exempel, om du vill tillämpa olika stilar på olika stycken (<p>
-element), kan du använda attributen class
och id
.
Attributet class
tilldelar en klass till ett specifikt HTML-element. Flera element kan dela samma klass. Detta gör det möjligt att tillämpa samma stilar på flera element.
index.html
styles.css
I detta exempel delar två stycken samma highlight
-klass, vilket gör det möjligt att tillämpa samma stilar på båda.
Attributet id
tilldelar en unik identifierare till ett specifikt HTML-element. Till skillnad från attributet class
kan varje element endast ha ett unikt id
. Detta är användbart för att tillämpa stilar eller manipulera ett specifikt element med JavaScript.
index.html
styles.css
Det är viktigt att komma ihåg att id
måste vara unikt på sidan. Du kan inte använda samma id
-värde för flera element.
Tack för dina kommentarer!
Fråga AI
Fråga AI
Fråga vad du vill eller prova någon av de föreslagna frågorna för att starta vårt samtal
Awesome!
Completion rate improved to 4.35
Klasser och id:n
Svep för att visa menyn
HTML har ett begränsat antal taggar, men ibland behöver du särskilja mellan specifika element. Till exempel, om du vill tillämpa olika stilar på olika stycken (<p>
-element), kan du använda attributen class
och id
.
Attributet class
tilldelar en klass till ett specifikt HTML-element. Flera element kan dela samma klass. Detta gör det möjligt att tillämpa samma stilar på flera element.
index.html
styles.css
I detta exempel delar två stycken samma highlight
-klass, vilket gör det möjligt att tillämpa samma stilar på båda.
Attributet id
tilldelar en unik identifierare till ett specifikt HTML-element. Till skillnad från attributet class
kan varje element endast ha ett unikt id
. Detta är användbart för att tillämpa stilar eller manipulera ett specifikt element med JavaScript.
index.html
styles.css
Det är viktigt att komma ihåg att id
måste vara unikt på sidan. Du kan inte använda samma id
-värde för flera element.
Tack för dina kommentarer!