Često postoji dilema kod izrade dizajna web strana oko pravilne upotrebe CSS ID-a i CSS klasa.

W3C definiše klasu ID kao "a unique identifier to an element" - jedinstveni identifikator jednog elementa. Takođe standardi specificiraju da ID ime može biti pozivano jednom na strani ili dokumentu. Ovo ima smisla jer uglavnom npr. ima samo jedan gornji meni na strani ili jedan header i sl. dok klasa može biti pozivana više puta. Druga razlika je što ID može biti pozvan i iz Javaskripta sa  getElementByID function.

Ne postoji neko određeno striktno pravilo za upotrebu ID ili klase. Mogu se naći saveti da je za maksimalnu fleksibilnost bolje koristiti klase, izuzev kada je zbog Javaskripta bolje koristiti ID.

I klasa i ID imena su “case sensitive”.  Npr, .klasa1 i .Klasa1 su dve različite klase.

Kako ih lakše razlikovati?

* ID = Kao lični identifikator koji je jedinstven za svaku osobu

* Class = Mnogo dece u jednom razredu

U CSS-u klasa je ime koje pocinje tackom (.) a ID selektor je ime koje počinje „tarabom“ (#).  To moze da izlgeda npr. ovako:

#top_menu {

background-color: #ccc;

padding: 1em

}

.intro {

color: blue;

font-weight: bold;

}

U HTML to bi moglo da izgleda ovako:

<div id="top_menu">

<p class="intro">Ovo je neki tekst</p>

<p class="intro">ovo je neki drugi tekst</p>

</div>