Edit Spesifik List Menggunakan Selector

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?

Bagikan jika Anda menyukai halaman ini.

Artikel Serupa


related posts

Cara Migrasi Website Weebly ke Hosting

Weebly merupakan platform untuk membuat website berbasis drag and drop. Anda dapat membangun website secara praktis tanpa coding sekalipun. Sayangnya layanan Weebly Niagahoster akan dinonaktifkan pada tanggal 30 Januari 2023. Bagi Anda yang masih menggunakan layanan ini harap untuk melakukan pemindahan atau migrasi sebelum tanggal tersebut. Pada panduan ini, kami akan memberikan solusi alternatif agar […]

Selengkapnya
related posts

Cara Instal Firebase CLI dan Deploy Hosting

Dibuat pada 9 September 2022 Firebase adalah Backend as a Services (BaaS) yang menyediakan beragam tools dan layanan untuk membantu developer mengembangkan suatu aplikasi (web dan mobile) dengan lebih cepat.  Backend as a Services sendiri adalah kategori layanan cloud yang mengelola back-end aplikasi. Artinya, Firebase sebagai BaaS akan mengurusi segala hal mengenai back-end seperti database, […]

Selengkapnya
related posts

Cara Meminta Pengindeksan Ulang URL (Recrawl) pada Google

Dibuat pada 25 Januari 2022 Crawl atau web crawling adalah proses mencari kumpulan halaman dari sebuah website untuk dilakukan pengindeksan. Anda dapat melakukan crawl URL pada Google dengan tujuan agar setiap URL pada website Anda ditemukan dan dapat diindeks oleh Google.  Apabila URL pada website telah diperiksa oleh Google namun tidak kunjung terindeks, Anda dapat […]

Selengkapnya