Even and odd row

Bagikan

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.

Bagikan