Banyak elemen yang menggunakan elemen HTML list dan kadang kita hanya ingin mengubah salah satu list. Kita bisa menggunakan selector
:nth-child()
untuk memilih list mana yang ingin diubah. Berikut contoh langsung di project yang sudah ongoing
Kita ingin membuat bagian arrow menu di atas menjadi lebih rapi dengan menjadikannya ke tengah. Jika kita tidak menggunakan selector :nth-child() maka semua di dalam listnya akan ikut berubah juga. Maka kita bisa menggunakan selector seperti berikut contohnya :
Dengan menggunakan nth-child(2) maka hanya pada list kedua saja yang akan kita ubah sedangkan list yang lain tidak akan berubah.
Apakah artikel ini membantu?
