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