CSS3: n-lalu-anak () pemilih
CSS penyeleksi referensi panduan lengkap
contoh
P menetapkan bahwa setiap elemen dari jenis yang sama dari pertandingan kedua dari belakang dua saudara kandung saudara warna latar belakang:
{
background: # ff0000;
}
Coba »
Definisi dan Penggunaan
: N-terakhir-of-type (n) pemilih agar sesuai dengan jenis yang sama dari timbal balik saudara saudara n-th.
ndapat berupa angka, kata kunci, atau rumus.
Tip: Lihat : n terakhir dari tipe- () pemilih.pemilih sesuai dengan elemen induk di kedua dari belakang n struktural sub-elemen.
Dukungan Browser
Angka dalam tabel tersebut merupakan browser pertama yang mendukung nomor versi properti.
选择器 | |||||
---|---|---|---|---|---|
:nth-last-child() | 4.0 | 9.0 | 3.5 | 3.2 | 9.6 |
contoh yang lebih
contoh 1
Aneh dan bahkan dapat digunakan sebagai kata kunci untuk mencocokkan sub-elemen yang digunakan, indeks aneh atau bahkan.
Di sini, kita tentukan dua warna latar belakang yang berbeda untuk elemen p ganjil dan genap timbal balik:
{
background:#ff0000;
}
p:nth-last-child(even)
{
background:#0000ff;
}
Coba »
contoh 2
Menggunakan rumus (sebuah + b) Keterangan: Ukuran wakil dari siklus, N adalah counter (mulai dari 0), dan b offset.
Di sini kita semua indeks adalah kelipatan tiga p elemen menspesifikasikan urutan kebalikan dari warna latar belakang:
{
background: # ff0000;
}
Coba »