ID ja Class atribuutti

Kaikki esimerkit käyttää CSS:ää tyylittelyyn HTML elementeissä yleisellä tasolla.

Määritelläksesi spesiaalin tyylin eri elementeille, ensimmäiseksi lisää id atribuutti elementille:

<p id="p01">Olen erikoinen</p>

jonka jälkeen määrittele tyyli elementille jolla on oma id:

#p01 {
color: blue;
}

Luokka Atribuutti

Määritelläksesi tyylin jonkin sortin (luokalle) elementtejä, lisää class atribuutti elementille:

<p class="error">Olen erikoinen</p>

Nyt voit määritellä erillaisia tyylejä elementeille, kullekkin omassa luokassaan:

p.error {
color: red;
}

	Käytä id osoittaaksesi tietyn elementin. Käytä class toimintoa osoittaaksesi ryhmällisen elementtejä.