Do zdaj že dobro poznamo razrede. Povežemo jih lahko z elementi, kot je prikazano v primeru:

p.posebno {
font-style: italic;
}

Razrede lahko ustvarimo tudi tako, da niso vezani na določen element. Primer:

.posebno {
font-style: italic;
}

V kodi HTML dodamo razred elementu na naslednji način:

<p class="posebno">Besedilo</p>

Razred lahko dodamo vsem elementom in vsakemu elementu lahko dodamo poljubno število razredov.

Id je kot razred − "class", vendar bolj edinstven. V HTML dokumentu ga dodamo samo enemu elementu.

Z naslednjo kodo ustvarimo id pomembno:

p#pomembno {
font-size: 1.2em;
color: darkblue;
}

Kodo za id ustvarimo popolnoma enako kot kodo za razred, edino namesto . napišemo #.

Z naslednjo kodo ustvarimo id, ki ga lahko uporabimo za odstavke ali naslove. Pomembno je, da vsak id v kodi HTML uporabimo samo enkrat.

#posebno {
font-style: 1.5em;
font-style: italic;
}

Id dodamo v kodi HTML kodi na naslednji način:

<p id="posebno">Ta odstavek ima poseben id.</p>