:only-of-typeSelektor psevdo-razred v CSS predstavlja nobenega elementa, ki nima bratov in sester za določeno vrsto.
p:only-of-type ( color: red; )Če pred izbirnikom ni nobene oznake, se bo ujemala s katero koli oznako (npr. :only-of-type). Če je pred njim drug izbirnik, se bo ujemal glede na vrsto oznake, ki se ujema z izbirnikom. Na primer .example:only-of-type, obnašal se bo, kot p:only-of-typeče .examplese uporabi za element odstavka.
Preprost primer
En seznam vsebuje samo en element seznama. Drugi seznam vsebuje tri elemente seznama. Lahko ciljamo na element seznama, ki je sam :only-of-type.
Čeprav morda to ni najboljši primer, saj :only-childbi tam delovalo enako dobro, saj so elementi seznama edini možni podrejeni seznamov. Če namesto tega uporabimo div, lahko na div usmerimo odstavek, če je to edini odstavek, kljub temu, da so tam tudi drugi elementi.
Zabeležiti
Kot zabavo lahko dosežete enak izbor kot :only-of-typez :first-of-type:last-of-typeali :nth-of-type(1):nth-last-of-type(1). Ti sicer uporabljajo dva verižna izbirnika, kar pomeni, da je specifičnost dvakrat večja od :only-of-type.
Podpora za brskalnik
| Chrome | Safari | Firefox | Opera | IE | Android | iOS |
|---|---|---|---|---|---|---|
| Kaj | Kaj | Kaj | Kaj | IE9 + | Kaj | Kaj |