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.

8 Juni 2015

Webinar Gratis 2024


Selanjutnya Pada Bulan Maret 2024

Sabtu, 09 Maret 2024


10 Bahasa Rekomendasi Untuk Dipelajari di 2024

Python Developer, Data Science, Web Application

Kursus Python Django Web Application 2024 di DUMET School Mini Bootcamp Backend Laravel 11 Bulan Mei 2024 di DUMET School
Webinar Selanjutnya Mei 2024

Minggu, 26 Mei 2024, 09.00-13.00 WIB

(4 Jam Membuat Backend di Laravel 11)

chat