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.



css id gösterim

#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.


Lütfen konu haricinde soru sormayın cevaplanmayacaktır. Yorumunuz onaylandıktan sonra yayınlanacaktır. Lütfen Yukarıda ki mesajları okuyun tekrar aynı soruları sormayın.

9607

KATEGORİ
  • HTML
  • CSS
  • PHP
  • JQUERY
  • PHOTOSHOP
  • JavaScript
  • Web Dünyası
  • Linux
  • MİTHRİL FRAMEWORK
  • Laravel
  • Git
  • React
POPÜLER MAKALE
  • HTML LİNK(Bağlantı)EKLEME - LİNK VERME
  • HTML YAZI VE RESİM ORTALAMA
  • HTML RESME LİNK VERME
  • HTML FORM OLUŞTURMA
  • CSS YATAY MENÜ YAPIMI
  • HTML RESİM EKLEME
  • CSS (BOYUT) GENİŞLİK VE YÜKSEKLİK (Width-Height)
  • HTML DİV ve SPAN NEDİR?
  • HTML ARKAPLANA MÜZİK EKLEME
  • KALİTE KAYBETMEDEN RESİMLERİ BÜYÜTME
ETİKET
WEBCEBİR © 2013 Tüm hakları saklıdır.