Bu sitedeki her şey Sevgi ile kodlanmıştır.

Kategori Listesini Göster

CSS "nth-child" Nedir? Kullanımı ve Örnekleri


FacebookTwitterPinterestTumblrYazdır


CSS "nth-child" Nedir? Kullanımı ve ÖrnekleriCSS'deki en sevdiğim şeylerden birisi de, dilediğimiz elementi seçmek için "nth-child" kullanımı yapabilmemizdir. Yani, ilk elementi seçmek için "first-child" kullanabiliyoruz ve son elementi seçmek için ise "last-child" kullanabiliyoruz. İşte, diğer elementleri seçmek istiyor isek, nth-child ile dilediğimiz bir sayı belirleyip, ilgili elementi kolaylıkla seçip, dilediğimiz gibi CSS tanımlaması gerçekleştirebiliyoruz.

AYRICA: CSS ile İki Arkaplan Ekleme Nasıl Yapılır?

Aşağıdaki örnek kullanım sağlanan kod ise, div içerisindeki ikinci elementi seçecek ve ilgili elementin arka plan rengini değiştirme konusunda bize yardımcı olacaktır. İlgili kodu kendi ihtiyaçlarınıza göre değiştirebilmektesiniz.

AYRICA: CSS ile Sadece İlk Paragraf Seçimi Nasıl Yapılır?

CSS "nth-child" Nedir? Kullanımı ve Örnekleri

.div-adi:nth-child (2) {
background-color: #DDDDDD;
}


  1. Yorum bulunmamaktadır.

Bu yazıya yorum göndermek ister misiniz?

Dikkat: Her yorum gönderen kişi, kendi gönderdiği yorumdan sorumlu olmaktadır.
Not: Yazı ile herhangi bir ilgisi bulunmayan yorumların onaylanmadığını belirtmek isteriz.
Yazı Etiketleri
Yukarı Çık