ID'ler, tekil DOM Elementlerini , "id" niteliği (attribute) sayesinde yapılan seçici (selector) işlemidir. Tüm doküman boyunca sadece tek bir elemana uygulanabilir ve değeri, diğer ID'ler ile çalışmamalıdır.

<h1 id="helloText">Merhaba!</h1>

Class'lar (Sınıflar) ise, birden fazla DOM Elementine özellik verebilmek veya erişebilmek için kullanılan seçici türüdür, "class" niteliği (attribute) sayesinde yapılır.

<h1 class="2emFont">Merhaba</h1>
<p class="2emFont">Deneme!</p>

Class örneğinde, iki DOM Elementi de "2emFont" CSS stilinden faydalanacaktır. ID örneğinde ise, sadece tüm doküman boyunca seçilen DOM Elementi etkilenecektir.

CSS içerisinde Classlar, . (nokta) önadı (prefix) ile oluşturulur iken; ID'ler, # (kare, hashtag) önadı ile oluşturulur.

.2emFont {
   ...
}

#helloText {
   ...
}