jQuery :nth-son-child() Seçici
Ö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).