Contoh
Menentukan warna latar belakang untuk setiap <p> unsur yang merupakan anak kedua dari induknya, menghitung dari anak terakhir:
p:nth-last-child(2)
{
background: #ff0000;
}
Cobalah sendiri " Lebih "Try it Yourself" contoh di bawah ini.
Definisi dan Penggunaan
The :nth-last-child( n ) pemilih cocok dengan setiap elemen yang adalah n th anak, terlepas dari jenis, dari induknya, menghitung dari anak terakhir.
n dapat berupa angka, kata kunci, atau rumus.
Tip: Lihatlah :nth-last-of-type() pemilih untuk memilih elemen yang adalah n th anak, of a specified type , dari induknya, menghitung dari anak terakhir.
| Versi: | CSS3 |
|---|
Dukungan Browser
Angka-angka dalam tabel menentukan versi browser pertama yang mendukung penuh pemilih.
| Pemilih | |||||
|---|---|---|---|---|---|
| :nth-last-child() | 4.0 | 9.0 | 3.5 | 3.2 | 9.6 |
CSS Syntax
Contoh lebih
Contoh
Ganjil dan genap adalah kata kunci yang dapat digunakan untuk mencocokkan elemen anak yang indeks adalah ganjil atau genap.
Di sini, kita tentukan dua warna latar belakang yang berbeda untuk elemen p aneh dan bahkan, menghitung dari anak terakhir:
p:nth-last-child(odd)
{
background: #ff0000;
}
p:nth-last-child(even)
{
background: #0000ff;
}
Cobalah sendiri " Contoh
Menggunakan rumus ( an + b ) . Keterangan: a merupakan ukuran siklus, n adalah counter (starts at 0) , dan b adalah nilai offset.
Di sini, kita menentukan warna latar belakang untuk semua elemen p yang indeks merupakan kelipatan dari 3, dihitung dari anak terakhir:
p:nth-last-child(3n+0)
{
background: #ff0000;
}
Cobalah sendiri "