En son web geliştirme öğreticiler
 

jQuery :nth-last-of-type() Selector

<JQuery Seçiciler

Ö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) .


<JQuery Seçiciler