CSS3: n-terakhir-dari-jenis () selector
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 dari tipe- (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 anak-anak () 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-of-type() | 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: n-terakhir-dari-jenis (bahkan)
{
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 »