Örnek
Her bir arka plan rengi belirtin <p> Geçen çocuktan sayarak, üst biriminin ikinci çocuğudur elemanı:
p:nth-last-child(2)
{
background: #ff0000;
}
Kendin dene " Daha "Try it Yourself" Aşağıdaki örnekler.
Tanımı ve Kullanımı
:nth-last- child( n ) seçicidir her elemanla eşleşir n son çocuktan sayarak, üst biriminin, türü ne olursa olsun, çocuğun inci.
n bir sayı, bir anahtar ya da bir formül olabilir.
Tip: bak :nth-last-of- type() olduğu elemanı seçmek için selektör n , çocuk inci of a specified type son çocuğu 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- child() | 4.0 | 9.0 | 3.5 | 3.2 | 9.6 |
CSS sözdizimi
Diğer Örnekler
Örnek
Tek ve çift kimin endeks tek veya çift olduğunu alt öğelerini maç için kullanılabilecek anahtar kelimelerdir.
Burada, son çocuktan sayarak, hatta garip ve p elemanları için iki farklı arka plan renkleri belirtin:
p:nth-last-child(odd)
{
background: #ff0000;
}
p:nth-last-child(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 geçen çocuktan sayma 3'ün tam katı, tüm p elemanları için bir arka plan rengini belirtmek:
p:nth-last-child(3n+0)
{
background: #ff0000;
}
Kendin dene "