Tanımı ve Kullanımı
:nth-of- type( n ) seçici olan tüm elemanları seçer n th kendi ana özel bir tip, bir çocuk.
İpucu: kullan :nth- child() tüm unsurları seçmek için seçici n th kendi ebeveyn, türü ne olursa olsun, çocuğun.
Sözdizimi
:nth-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 hatta çocuk elemanını seçer |
odd | Her garip alt öğesi seçer |
formula | Çocuk belirtir element(s) bir formül seçilecek ( an + b ) . Örnek: p:nth-of- type(3n+2) 2. paragrafında başlanarak her 3 paragrafı seçer |
it Yourself deneyin - Örnek
Her seçin <p> ikinci elemanı <p> tüm unsuru <div> elemanlarının
Her nasıl seçilir <p> ikinci elemanı <p> tüm unsuru <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 :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) .