Örnek
Her seçin <p> Geçen çocuktan sayarak, üst biriminin üçüncü çocuğudur eleman:
$("p:nth-last-child(3)")
Kendin dene " Tanımı ve Kullanımı
:nth-last- child( n ) seçici olan tüm unsurları seçer n th son çocuktan sayarak, onların ebeveyn, türü ne olursa olsun, çocuğun.
İpucu: kullan :nth-last-of- type() tüm unsurları seçmek için seçici n th son çocuktan sayarak, onların ebeveyn, belirli bir türdeki çocuk.
Sözdizimi
:nth-last-child( n |even|odd| formula )
Parametre | Açıklama |
---|---|
n | Her çocuğun endeksi eşleşecek. bir sayı olmalı. İlk eleman endeks numarası 1'dir. |
even | Her seçer even çocuk eleman |
odd | Her seçer odd çocuk eleman |
formula | Çocuk belirtir element(s) bir formül seçilecek ( an + b ) . Örnek: p:nth-last- child(3n+2) son 2 çocuk başlayarak her 3 paragrafı seçer |
it Yourself deneyin - Örnek
Her seçin <p> her şeyden önce çocuğu olduğu elemanı <div> geçen çocuğun sayarak elemanı
Bir seçmek nasıl <p> her şeyden önce çocuğu olduğu elemanı <div> geçen çocuğun sayarak elemanları.
Bir formül kullanılarak (an + b)
Bir formülü nasıl kullanılır ( an + b ) son çocuk sayarak farklı alt öğelere seçin.
Kullanılması "even" ve "odd"
Nasıl son çocuktan sayma, farklı alt öğeleri seçmek için çift ve tek kullanım.
Arasındaki fark :nth- child() , :nth-last- child() , :nth-of- type() ve :nth-of-last- type()
Arasındaki fark p:nth- child(2) , p:nth-last- child(2) , p:nth-of- type(2) ve p:nth-of-last- type(2) .