A :only-of-typeCSS álosztály-választója minden olyan elemet képvisel, amelynek nincsenek adott típusú testvérei.
p:only-of-type ( color: red; )Ha egyetlen címke sem előzte meg a választót, akkor bármely címkével megegyezik (pl :only-of-type.) Ha egy másik kijelölő megelőzi, akkor az a kiválasztott címke típusa alapján fog egyezni. Például .example:only-of-typeúgy fog viselkedni, p:only-of-typemintha .exampleegy bekezdéselemre alkalmaznák.
Egyszerű példa
Egy lista csak egyetlen listaelemet tartalmaz. Egy másik lista három listaelemet tartalmaz. Megcélozhatjuk azt a listaelemet, amellyel egyedül van :only-of-type.
Bár talán nem ez a legjobb példa, mert :only-childugyanolyan jól működne ott, mivel a listatételek a listák egyetlen lehetséges gyermekei. Ha helyette div-eket használunk, megcélozhatunk egy bekezdést a div belsejében, ha ez az egyetlen bekezdés, annak ellenére, hogy más elemek is benne vannak.
Megjegyezni
Móka kedvéért ugyanazt a választást érheti el, mint :only-of-typea :first-of-type:last-of-typevagy a gombbal :nth-of-type(1):nth-last-of-type(1). Ezek azonban két láncolt szelektort használnak, vagyis a specifitás kétszerese :only-of-type.
Böngésző támogatás
| Króm | Szafari | Firefox | Opera | AZAZ | Android | iOS |
|---|---|---|---|---|---|---|
| Bármi | Bármi | Bármi | Bármi | IE9 + | Bármi | Bármi |