Klasser och Id:n
HTML har ett begränsat antal taggar, men ibland behöver du särskilja mellan specifika element. Om du till exempel 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
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 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. Om du till exempel 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!