En son web geliştirme öğreticiler
 

jQuery :nth-last-child() Selector

<JQuery Seçiciler

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


<JQuery Seçiciler