Class

Från Webbling
Hoppa till: navigering, sök

Med det här attributet kan du ange en lista av klasser som det berörda HTML-elementet tillhör. För att ange flera klasser anger du varje klass för sig, med ett mellanslag mellan varje klassnamn.

Klasser används för att ge åtkomst till HTML-element ifrån skriptspråk och CSS. Med hjälp av klasser kan du sätta att flera olika HTML-element ska väljas på samma gång, till skillnad mot id som enbart kan användas för att markera ett enda specifikt HTML-element.

Exempel

<ol>
 <li class="klass1">Första klassen</li>
 <li class="klass2">Andra klassen</li>
 <li class="klass3 klass4">Tillhör två klasser</li>
 <li class="klass4">Fjärde klassen</li>
</ol>

I ovanstående exempel används fyra olika klasser. Förutom den tredje li, så tillhör varje li enbart en klass. Om ett skript skulle välja ut alla HTML-element med klassen "klass4", skulle både den tredje och den fjärde li bli valda.

För att lära dig mer om klasser och hur de används kan du läsa artikeln; [Selektorer - hur man väljer ut specifika HTML-element]".

Attributets definition i WHATWG HTML-standard

http://www.whatwg.org/specs/web-apps/current-work/multipage/elements.html#classes