Cara Menerapkan first-child dan nth-child pada CSS 3

Hallo teman-teman, apa kabarnya hari ini. Pada kesempatan kali ini sayan akan membagikan satu trik css nih. Kali ini triknya tentang cara menerapkjan first-child dan nth-child pada CSS 3. Sebelum itu kita harus tahu dulu apa fungsi first-child dan nth-child.

Yang pertama yaitu first-child. Yang dimaksud selector first-child adalah selector yang digunakan untuk memberikan property pada tag atau class yang yang ada pada urutan pertama

Selanjutnya nth-child. Yang dimaksud nth-child adalah selector yang digunakan untuk memberikan property pada tag atau class yang yang ada pada urutan tertentu.

Baiklah-teman-teman langsung saja kita simak source code berikut untuk lebih jelas tentang cara penerapannya.

Nahh… setelah lihat demo diatas mudah-mudahan teman-teman bisa lebih mengerti ya.

Sekian trik tentang cara menerapkjan first-child dan nth-child pada CSS 3. Silahkan coba teman-teman pelajari lebih lanjut agar bisa diterapkan pada website kalian.

Semoga bermanfaat.