Hallo teman teman pada kesempatan kali ini saya mau sharing tentang cara seleksi sebuah selector pada CSS3 , dimana dalam materi ini kita akan membuat selector dengan menseleksi sebuah elemen yang akan kita beri style , okee jadi maksud nya jika kita membuat sintak html seperti ini :

Capture

Dimana kita akan memberikan style pada elemen <p> tersebut dengan cara dibedakan style tiap elemen nya tetapi saya membuat selector menuju langsung pada elemen <p> tersebut tanpa memberikan class atau id , okee contoh nya jika kita memberikan style css seperti ini :

1

Hasilnya seperti ini :

2

Saya mau memberikan background nya hanya pada elemen <p> yang ke 3 , yaitu caranya :

3

Hasilnya akan menjadi seperti :

4

Jadi, fungsi dari :nth-child(3) ini yaitu untuk menseleksi selector elemen urutan ke 3 yang akan di berika style , jadi tidak perlu memberikan class atau id pada elemen tersebut , okee selamat mencoba 🙂