Örnek
Her seçin <p> üçüncü elemanı <p> Geçen çocuktan sayarak, kendi ebeveyn öğe:
$("p:nth-last-of-type(3)")
Kendin dene " Tanımı ve Kullanımı
:nth-last-of- type( n ) seçici son çocuk sayarak, kendi ebeveyn, belirli bir türdeki çocuk ninci tüm elemanları, seçer.
İpucu: kullan :nth-last- child() tüm unsurları seçmek için seçici n th son çocuktan sayarak, onların ebeveyn, türü ne olursa olsun, çocuğun.
Sözdizimi
:nth-last-of-type( 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 paragrafta başlayarak her 3 paragrafı seçer |
it Yourself deneyin - Örnek
Her seçin <p> ilk elemanı <p> elemanı> Her şeyden <div> geçen çocuğun sayarak elemanı
Her nasıl seçilir <p> ilk elemanı <p> tüm unsuru <div> geçen çocuğun sayarak elemanları.
Bir formül kullanılarak (an + b)
Bir formülü nasıl kullanılır ( an + b ) farklı seçmek için <p> Geçen çocuktan sayarak, elementler.
Kullanılması "even" ve "odd"
Nasıl farklı seçmek için çift ve tek kullanımı <p> Geçen çocuktan sayarak, elementler.
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) .