CSS3: n-of-tipe () selector
CSS penyeleksi referensi panduan lengkap
contoh
Menentukan setiap p elemen sesuai dengan warna latar belakang dari jenis yang sama di dua bersaudara pertama saudara elemen:
{
background:#ff0000;
}
Coba »
Definisi dan Penggunaan
: Nth-of-type (n) pemilih agar sesuai dengan jenis yang sama dari saudara saudara n-th.
n dapat berupa angka, kata kunci, atau rumus.
Tip: Lihat : n-anak () pemilih.pemilih ini cocok elemen induk n elemen th. AT di The Look : N-anak () .
Dukungan Browser
Angka dalam tabel tersebut merupakan browser pertama yang mendukung nomor versi properti.
选择器 | |||||
---|---|---|---|---|---|
:nth-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 (indeks dari anak pertama adalah 1).
Di sini, kita tentukan dua warna latar belakang yang berbeda untuk unsur-unsur aneh dan bahkan p:
{
background: # ff0000;
}
p: n-of-tipe (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 warna latar belakang:
{
background: # ff0000;
}
Coba »