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 yukardaki ö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}

mehmet Diyor ki 12/10/2013

çocuk seçicileri hakkında bir kaynak veya sunum yollarmısınız

yönetici Diyor ki: 24/10/2013

Elimde kaynak yok. google'dan araştırabilirsiniz. kolay bir konudur. Kısaca Bulunduğu alt kümenin ilk elamanını seçer.

sezer Diyor ki 01/12/2015

Çok teşekkür ederim sağolun :)

Adınız

Eposta

Mesaj

4576

Güvenlik No

REKLAM
KATEGORİ
POPÜLER MAKALE