CSS SEÇİCİLER (TEKİL (İD)SEÇİCİLER)

İD Seçici sınıf seçicisinden farklıdır. Sınıf seçicileri sayfada Tüm etikete atanırken id seçicisi bir tane etikete atanır.

İD seçicileri oluşturma yöntemleri class seçicileri oluşturma ile aynı tek farkla; Seçici adının başında # (Diyez) işareti olan seçiciler id seçicidir.

#artalan{background-color:blue}

#artalan1{background-color:red}

HTML Etiketlerimizde uygulayalım:

<p id="artalan">Bu yazının artalanı Mavi</p>

<p id="artalan1">Bu yazının artalanı Kırmızı</p>

Tekil seçicileri sayfada bir defa kullanılır diye tanımlamış olsak da birden fazla kullanımında tarayıcı hata vermez. Ancak bu elemanları javascript gibi dillerde kullanırken id atamasını birkaç yerde yaptığımızda hata verecektir.

Bu nedenle her ne kadar tarayıcı izin verse de tekil seçicileri sayfada bir kez kullanmalıyız.

<p id="artalan">Bu yazının artalanı Mavi</p>

<p id="artalan">Bu yazının artalanı Mavi</p>

Yukarıdaki örnekte id="artalan" iki kere kullanılmıştır. hatalı kullanım.

Birden fazla kullanacağımız Etiket için sınıf(class) seçicileri kullanmalıyız.