Örnek
Her bir arka plan rengi belirtin <p> Geçen çocuktan sayarak, üst biriminin ikinci p unsurudur elemanı:
p:nth-last-of-type(2)
{
background: #ff0000;
}
Kendin dene " Daha "Try it Yourself" Aşağıdaki örnekler.
Tanımı ve Kullanımı
:nth-last-of- type( n ) seçici her elemanı ile eşleşir n son çocuk sayarak, kendi ebeveyn, belirli bir türden, çocuk inci.
n bir sayı, bir anahtar ya da bir formül olabilir.
Tip: bak n'inci-projede son: child() olan eleman seçmek için selektör n , çocuk inci regardless of type geçen çocuğun sayarak, üst biriminin,.
Versiyon: | CSS3 |
---|
Tarayıcı Desteği
Tablodaki rakamlar tamamen seçici destekleyen ilk tarayıcı sürümü belirtir.
selektör | |||||
---|---|---|---|---|---|
:nth-last-of- type() | 4.0 | 9.0 | 3.5 | 3.2 | 9.6 |
CSS sözdizimi
Diğer Örnekler
Örnek
Kimin endeksi bile garip ve çocuk elemanları eşleştirmek için kullanılabilir Tek ve çift olan anahtar kelimeler (the index of the first child is 1) .
Burada, tek ve çift p elemanları için iki farklı arka plan renkleri belirtin:
p:nth-last-of-type(odd)
{
background: #ff0000;
}
p:nth-last-of-type(even)
{
background: #0000ff;
}
Kendin dene " Örnek
Bir formül kullanılarak ( an + b ) . Açıklama: a döngü boyutunu temsil eder, n bir sayaç olup (starts at 0) ve b bir ofset değeridir.
Burada, endeks 3 katı olduğu tüm p elemanları için bir arka plan rengini belirtmek:
p:nth-last-of-type(3n+0)
{
background: #ff0000;
}
Kendin dene "