CSS'de, dilediğimiz elementi seçmek için "nth-child" kullanımı yapabiliriz.
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.
Aşağıdaki örnek kullanımda 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.
Kod:
.div-adi:nth-child (2) {
background-color: #DDDDDD}
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.
Aşağıdaki örnek kullanımda 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.
Kod:
.div-adi:nth-child (2) {
background-color: #DDDDDD}
