Tekil Seçicisi Sınıf Seçicisinden farklıdır. Sınıf Seçicisi sayfada birden fazla elemana atanırken Tekil Seçicisi sadece bir tane elemana atanır. Tekil seçiciler tanımlanırken adının basına #(diyez) isareti konulur.
![[Resim: tekil1oi1.jpg]](http://img207.imageshack.us/img207/7843/tekil1oi1.jpg)
Örnek yapalım:
[html]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<**** http-e****="*******-Type" *******="text/html; charset=utf-8"
/>
<title>CSS'in yapısı</title>
<style type="text/css">
#nesne1{
background-color: blue;
}
#nesne2{
background-color: red;
}
</style>
</head>
<body>
<p id="nesne1">Bu yazının Artalan rengi mavi</p>
<p id="nesne2">Bu yazının Artalan rengi kırmızı</p>
</body>
</html>[/html]
![[Resim: asd1ey5.jpg]](http://img100.imageshack.us/img100/8244/asd1ey5.jpg)
Sınıf(Çogul) mı? Tekil mi?
Yukarıda Tekil Seçicisi için her ne kadar da bir sayfada sadece bir defa kullanılır diye tanımlasak de kodlamacının sayfada birçok yerde kullanmasına tarayıcılar ses çıkarmaz, yani hata mesajı vermez.
Ancak Bu elemanları DOM(Belge Nesne Modeli) betiklerinde kullanırken id atamasını bir kaç yerde yaptıgımızda hata meydana gelecektir. Bu nedenle her ne kadar tarayıcılar izin verse de Tekil Seçicicilerini sayfalarımızda bir kez kullanmalıyız. Birden fazla kullanacagımız elemanlar için Sınıf Seçicisini kullanmalıyız.
Bu kodumuzu daha kullanıslı ve temiz yapacaktır.Sınıf ve Tekil Seçicileri küçük-büyük harfe karsı duyarlıdır;
[html]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<**** http-e****="*******-Type" *******="text/html; charset=utf-8" />
<title>CSS'in yapısı</title>
<style type="text/css">
3. Seçiciler 31
p.onemliBilgi {
font-weight: bold;
}
</style>
</head>
<body>
<p class="onemlibilgi">Uygulama olmaz .</p>
</body>
</html>
[/html]
![[Resim: 73914273nv0.jpg]](http://img233.imageshack.us/img233/2319/73914273nv0.jpg)
Yukarıdaki kod uygulanmayacaktır çünkü ” B ” bir yerde büyük birde küçük kullanılmıstır. Bazı eski tarayıcılar bu kuralın dısında kalabilir.