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