Contoh
Pilih setiap <p> unsur yang ketiga <p> unsur induknya, menghitung dari anak terakhir:
$("p:nth-last-of-type(3)") Cobalah sendiri " Definisi dan Penggunaan
The :nth-last-of-type( n ) pemilih memilih semua elemen yang merupakan n th anak, dari jenis tertentu, orang tua mereka, menghitung dari anak terakhir.
Tip: Gunakan :nth-last-child() pemilih untuk memilih semua elemen yang merupakan n th anak, terlepas dari jenis, dari orang tua mereka, menghitung dari anak terakhir.
Sintaksis
:nth-last-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 masing-masing even elemen anak |
| odd | Memilih masing-masing odd elemen anak |
| formula | Menentukan anak element(s) yang akan dipilih dengan rumus ( an + b ) . Contoh: p:nth-last-child(3n+2) memilih masing-masing 3 ayat, mulai dari ayat 2 terakhir |
Coba Sendiri - Contoh
Pilih setiap <p> unsur yang pertama <p> unsur> semua <div> elemen, menghitung dari anak terakhir
Bagaimana memilih setiap <p> unsur yang pertama <p> unsur semua <div> elemen, menghitung dari anak terakhir.
Menggunakan rumus (sebuah + b)
Cara menggunakan rumus (sebuah + b) untuk memilih yang berbeda <p> elemen, menghitung dari anak terakhir.
Menggunakan "even" dan "odd"
Cara menggunakan genap dan ganjil untuk memilih yang berbeda <p> elemen, menghitung dari anak terakhir.
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) .