ile kodlanmıştır.
CSS'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;
}
Yorum bulunmamaktadır.