:only-of-typeCSS sözde sınıf seçici verilen türde bir kardeşler sahip herhangi bir elemanı temsil eder.
p:only-of-type ( color: red; )Seçicinin önünde etiket yoksa, herhangi bir etiketle eşleşecektir (örn. :only-of-type). Başka bir seçici ondan önce gelirse, seçicinin eşleştiği etiketin türüne göre eşleşir. Örneğin .example:only-of-typegibi davranacaktır p:only-of-typeeğer .examplebir paragraf elemanına uygulanır.
Basit Örnek
Bir liste yalnızca tek bir liste öğesi içerir. Başka bir liste üç liste öğesi içerir. Tek başına olan liste öğesini hedefleyebiliriz :only-of-type.
Belki de en iyi örnek bu olmasa da, çünkü :only-childliste öğeleri listelerin tek olası alt öğeleri olduğundan orada da işe yarar. Bunun yerine div kullanırsak, tek paragrafsa div içindeki bir paragrafı, içinde başka öğelerin de olmasına rağmen hedefleyebiliriz.
Not etmek
Eğlenceli bir şekilde :only-of-type, :first-of-type:last-of-typeveya ile aynı seçimi elde edebilirsiniz :nth-of-type(1):nth-last-of-type(1). Bunlar iki zincirli seçici kullanıyorlar, yani özgüllüğün iki katı olduğu anlamına geliyor :only-of-type.
Tarayıcı Desteği
| Krom | Safari | Firefox | Opera | IE | Android | iOS |
|---|---|---|---|---|---|---|
| Hiç | Hiç | Hiç | Hiç | IE9 + | Hiç | Hiç |