Tanımı ve Kullanımı
:nth- child( n ) seçici olan tüm unsurları seçer nth onların ebeveyn, türü ne olursa olsun, çocuk.
İpucu: kullan :nth-of- type() tüm unsurları seçmek için seçici n th kendi ebeveyn, belirli bir türdeki çocuk.
Sözdizimi
:nth-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- child(3n+2) 2. alt öğe başlanarak her 3 paragrafı seçer |
it Yourself deneyin - Örnek
Her seçin <p> tüm ikinci çocuğudur elemanı <div> elemanlarının
Her nasıl seçilir <p> tüm ikinci çocuğudur elemanı <div> elemanlarının.
Bir formül kullanılarak (an + b)
Bir formülü nasıl kullanılır ( an + b ) Farklı alt öğelerini seçin.
Kullanılması "even" ve "odd"
Nasıl farklı alt öğelere seçmek için çift ve tek kullanım.
Arasındaki fark :nth- child() , :nth-last- child() , :nth-of- type() ve: inci-of-projede son 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) .