ID, kullanım olarak CLASS’tan farklı değildir. Her ikisininde işlevleri aynıdır. ID’yi CLASS’tan ayıran farklar ise;

  1. ID, yer seçicisi olarak tanımlanabilmektedir.
  2. Web standartları kurallarına göre, bir sayfada aynı isimde birden fazla ID kullanılamaz.

ID, yer seçicisi (tutucu) olarak şu şekilde kullanılabilmektedir. Örneğin #header olarak isimlendirilmiş bir ID’miz olduğunu düşünürsek, http://www.cssgaleri.com/#header olarak #yesil adlı alana erişebilmeniz mümkündür. Bu şekilde yorumlanan bir sayfa #header olarak isimlendirilmiş alandan itibaren görüntülenir.

CSS ve XHTML kodlarımızda kullanımımız ise;
#container {
font: 10px 'trebuchet ms', verdana, arial, serif;
width: 300px;
margin: 20px auto;
padding: 10px 15px;
background: #f6f6f6;
color: #000;
border: 1px solid #ddd;
}
Yukarıdaki örneğimizi XHTML’e göre uyarlamak gerekirse;

Merhaba CSSRehberi.Com
Ve ID kullanımında dikkat etmeniz gereken ise CLASS’ta . (nokta) ile tanımlıyorduk, fakat ID tanımlarken # (diez) kullanılmalıdır.