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?