Bu yazım içerisinde "nth-child" in ne olduğundan ve nasıl kullanıldığından bahsetmeye çalıştım. CSS nth child nerelerde kullanılır, nth-child nedir, nth-child örnekler gibi aramalarınıza yanıt bulabilirsiniz.
CSS'de kullanım kolaylığı sağlayan ve birçok kişinin de severek kullandığı "nth-child" istenilen elementi seçmek için kullanılır. İlk elementi seçmek için "first-child", son elementi seçmek için ise "last-child" kullanılıyor. Eğer diğer elementleri seçmek istersek nth-child komutu sayesinde bir sayı belirleyerek bunu yapabiliriz. O sayı sayesinde istediğimiz elementi seçerek istediğimiz gibi bir CSS tanımlaması gerçekleştirebiliriz.
Aşağıda nth-child nasıl kullanılabileceği ile ilgili örnek bir kod hazırladım. Bu kod sayesinde div içerisindeki ikinci elementi seçecek ve o elementin arka plan rengini değiştirebileceksiniz. Örnek kodu inceleyerek kendi ihtiyacınıza göre kodu revize edebilir ve kullanabilirsiniz.
css nth child kullanımı
.div-adi:nth-child (2) {
background-color: #DDDDDD;
}