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

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

nth-1

Ini untuk CSS

nth-2

 

Hasilnya akan terlihat seperti ini

nth-3

Baiklah teman-teman, demikian artikel tentang cara menggunakan property first-child dan nth-child. semoga bermanfaat.