5.00 / 1 oy

CSS ile sadece ilk alt elemanı seçmek

CSS ile seçim yaparken alt elemanlardan sadece ilkini seçmek için (first occurance of child element) :first-child seçicisini kullanabilirsiniz. Ancak ilk alt elemanı seçerken yazacağınız kodlardaki bir karakterlik boşluklar, aşağıdaki gibi farklı anlamlara gelir.

div :first-child {
  background-color: red;
}

Üstteki CSS kodu yazıldığında sayfadaki tüm div'lerin ilk elemanı seçilmiş olur.

 

div:first-child {
  background-color: red;
}

Bu css kodunun önceki css seçicisinden tek farkı, arada boşluk olmaması. Ama css kodu bu şekilde yazıldığında ise üstlerindeki kapsayıcıların (parent) ilk alt elemanı (child) olan div'leri seçmiş olur.

 

Editör editi: sitedeki bazı diğer benzer yazılar için;

bkz: CSS ile havai fişek animasyonu yapmak

bkz: div'e tooltip nasıl eklenir? (HTML ve CSS)

bkz: CSS ile fare imlecini gizlemek

bkz: CSS bir programlama dili midir?

bkz: CSS Seçicileri Nelerdir?

bkz: CSS ile background-image opacity nasıl ayarlanır?

Kati3kat

20.07.2021 21:19

Bu soru henüz yanıtlanmamış.

Bu soruya sadece kayıtlı kullanıcılar yanıt yazabilirler. Yanıt yazmak için lütfen giriş yapınız.

Reitix
CSS ile sadece ilk alt elemanı seçmek

İnternet sitemizdeki deneyiminizi iyileştirmek için çerezler kullanıyoruz. Bu siteye giriş yaparak çerez kullanımını kabul etmiş sayılıyorsunuz. Daha fazla bilgi.