CSS ÇOCUK SEÇİCİLERİ (DIRECT CHİLD SELECTORS)

Bir HTML elemanı altında bulunan elemanlardan Torun seçiciler hariç yalnızca çocuk seçiciler için bir tanımlama yapmak için kullanılır.

Örneğin aşağıda verilen HTML sayfasında p elemanı altında kullanılan b elemanı ilk satırda çocuk seçici iken ikinci satırda torun seçicidir.

Bu bir deneme yazısıdır.

Bu bir deneme yazısıdır.

Çocuk seçici için yapılan tanımlamalarda >(büyüktür) işareti kullanılır.

Yukarıda ki HTML sayfasında ki parağrafın çoçuk elamanına style tanımlaması yapalım.

CSS:

p > b{color:blue}

ÇIKTI:



seçiciler

Ebeveyn-çocuk ilişkisini daha iyi anlamak için yukarda ki örnek hazırlanmıstır. a elemanı em'in ebeveynidir. p elemanıda a elemanının ebeveynidir. Ancak p elemanı em'in ebeveyni degildir. Biz burada p > a ve a > em şeklinde tanımlama yapabiliriz ancak p > em tanımlamasını yapamayız.

Birde aynı seçici içinde hem torun birlestiricisini hemde çocuk birleştiricisini kullanabiliriz.

p a > em{color:green}


Lütfen konu haricinde soru sormayın cevaplanmayacaktır. Yorumunuz onaylandıktan sonra yayınlacaktır.

32

KATEGORİ
  • HTML
  • CSS
  • PHP
  • JQUERY
  • PHOTOSHOP
  • JavaScript
  • Web Dünyası
  • Linux
POPÜLER MAKALE
  • HTML RESME LİNK VERME
  • HTML LİNK(Bağlantı)EKLEME - LİNK VERME
  • HTML YAZI VE RESİM ORTALAMA
  • HTML FORM OLUŞTURMA
  • HTML DİV ve SPAN NEDİR?
  • HTML KAYAN RESİM VE Marguee KULLANIMI
  • HTML ARKAPLANA MÜZİK EKLEME
  • CSS (BOYUT) GENİŞLİK VE YÜKSEKLİK (Width-Height)
  • HTML RESİM EKLEME
  • PHP ceil()-floor()-round() YUVARLAMA FONKSİYONU
ETİKET
WEBCEBİR © 2013 Tüm hakları saklıdır.