Even and odd row
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.