Contoh
Pilih setiap <p> unsur yang merupakan anak ketiga dari induknya:
$("p:nth-child(3)") Cobalah sendiri " Definisi dan Penggunaan
The :nth-child( n ) pemilih memilih semua elemen yang merupakan nth anak, terlepas dari jenis, dari orang tua mereka.
Tip: Gunakan :nth-of-type() pemilih untuk memilih semua elemen yang merupakan n th anak, dari jenis tertentu, dari orang tua mereka.
Sintaksis
:nth-child( n |even|odd| formula )| Parameter | Deskripsi |
|---|---|
| n | Indeks setiap anak untuk mencocokkan. Harus berupa angka. Elemen pertama memiliki indeks nomor 1. |
| even | Memilih masing-masing even elemen anak |
| odd | Memilih masing-masing odd elemen anak |
| formula | Menentukan elemen anak (s) untuk dipilih dengan rumus ( an + b ) . Contoh: p:nth-child(3n+2) memilih masing-masing 3 ayat, mulai dari elemen anak 2 |
Coba Sendiri - Contoh
Pilih setiap <p> unsur yang merupakan anak kedua dari semua <div> elemen
Bagaimana memilih setiap <p> unsur yang merupakan anak kedua dari semua <div> elemen.
Menggunakan rumus (an + b)
Cara menggunakan rumus ( an + b ) untuk memilih elemen anak yang berbeda.
Menggunakan "even" dan "odd"
Cara menggunakan genap dan ganjil untuk memilih elemen anak yang berbeda.
Perbedaan antara :nth-child() , :nth-last-child() , :nth-of-type() dan: n-of-terakhir-jenis ()
Perbedaan antara p:nth-child(2), p:nth-last-child(2), p:nth-of-type(2) dan p:nth-of-last-type(2) .