table

Even and odd row

BagikanShare on FacebookShare on Google+Tweet about this on TwitterEmail this to someoneShare on LinkedIn

Startup Framework (Image)

dalam materi sekarang kita akan membuat Even dan Odd row pada tabel yang berfungsi untuk memparcantik tampilan table yang kita buat. disini kita akan menggunakan pseudo-class nth-child().

nth-child() ?
nth-child() adalah selector css pseudo-class yang memungkinkan kita untuk memilih element berdasarkan index ke beerapa dalam suatu urutannya.

dalam pseudo-class ini kita menggunakan value (Odd atau Even), Dalam bahasa Inggis yang berarti Odd = ganjil atau bilangan integer yang tidak dapat dibagi persis dengan 2.
Event = genap atau bilangan integer yang dapat dibagi persis dengan 2

untuk kasusnya lihat code dibawah:

See the Pen Even add odd row by ihsan (@ihsanatkia) on CodePen.

Kesimpulan
untuk menggunakan pseudo-class tidak hanya pada table kita bisa gunakan di selector lain seperti: Ul-> Li dan masih banyak lagi jenisnya. untuk kasus yang ini kita gunakan pada tabel.

BagikanShare on FacebookShare on Google+Tweet about this on TwitterEmail this to someoneShare on LinkedIn
About Ihsan atkia

Ihsan Atkia adalah seorang Front-end Developer yang merambah sebagai UI/UX Web Designer, kecintaannya terhadap dunia Desain muncul semasa sekolah menengah atas (SMA), dengan bergabung di komunitas desain, kemudian melanjutkan di salah satu perguruan tinggi negeri di kota Bandung mengambil jurusan Teknik Informatika, aktif di salah satu club yang bernama Ruang Grafis dan menjadi pengurus club tersebut. dan sampai sekarang masih berkecimpung didunia Web Design khususnya bidang Front-end Developer dan UI/UX Web Designer.