:only-of-typeSelektor pseudo-klase u CSS predstavlja bilo koji element koji nema braće i sestara iz iste vrste.
p:only-of-type ( color: red; )Ako nijedna oznaka ne prethodi biraču, podudarat će se s bilo kojom oznakom (npr :only-of-type.). Ako mu drugi selektor prethodi, podudarat će se na temelju vrste oznake koja se selektoru podudara. Na primjer .example:only-of-type, ponašat će se kao p:only-of-typeda .exampleje primijenjen na element odlomaka.
Jednostavan primjer
Jedan popis sadrži samo jednu stavku popisa. Drugi popis sadrži tri stavke popisa. Možemo ciljati stavku popisa s kojom je sam :only-of-type.
Iako možda to nije najbolji primjer, jer :only-childbi i tamo funkcionirao jednako dobro jer su stavke popisa jedino moguće podređeno mjesto popisa. Ako umjesto toga koristimo div, mogli bismo ciljati odlomak unutar div-a ako je to jedini odlomak, unatoč tome što su tamo i drugi elementi.
Da napomenem
Kao zabavu, mogli biste postići isti odabir kao :only-of-typekod :first-of-type:last-of-typeili :nth-of-type(1):nth-last-of-type(1). Oni koriste dva lančana selektora, što znači da je specifičnost dvostruko veća od :only-of-type.
Podrška preglednika
| Krom | Safari | Firefox | Opera | IE | Android | iOS |
|---|---|---|---|---|---|---|
| Bilo koji | Bilo koji | Bilo koji | Bilo koji | IE9 + | Bilo koji | Bilo koji |