jQuery :nth-son-child() Seçici

❮ jQuery Seçiciler

Örnek

Son alt öğeden başlayarak üst öğesinin üçüncü çocuğu olan her <p> öğesini seçin:

$("p:nth-last-child(3)")

Tanım ve Kullanım

:nth-last-child( n ) seçicisi , türünden bağımsız olarak, son alt öğeden başlayarak üst öğenin n'inci çocuğu olan tüm öğeleri seçer .

İpucu: : nth-last-of-type() seçicisini kullanarak , son alt öğeden başlayarak üst öğelerinin n'inci çocuğu olan tüm öğeleri seçin .


Sözdizimi

:nth-last-child(n|even|odd|formula)

Parameter Description
n The index of each child to match.

Must be a number. The first element has the index number 1.
even Selects each even child element
odd Selects each odd child element
formula Specifies which child element(s) to be selected with a formula (an + b). Example: p:nth-last-child(3n+2) selects each 3rd paragraph, starting at the last 2nd child

Kendiniz Deneyin - Örnek


öğeden başlayarak tüm <div> öğelerinin ilk çocuğu olan bir <p> öğesi nasıl seçilir.

Formül kullanma (an + b ) Son alt öğeden başlayarak farklı alt öğeler seçmek için formül ( an + b
nasıl kullanılır .


kullanma Son alt öğeden başlayarak farklı alt öğeleri seçmek için çift ve tek nasıl kullanılır.


arasındaki fark p:nth-child(2), p arasındaki fark :son-son-çocuk(2), nth-of-type(2) ve p:nth-of-type(2).


❮ jQuery Seçiciler