:only-of-typePseudo-klassi valijat CSS tähistab mis tahes element, millel pole õdesid-vendi antud tüüpi.
p:only-of-type ( color: red; )Kui valijale ei eelne ühtegi silti, sobib see mis tahes sildiga (nt :only-of-type). Kui sellele eelneb mõni muu valija, sobitub see selle märgendi tüübi põhjal. Näiteks .example:only-of-typekäitub p:only-of-typekui .examplekantakse lõikes element.
Lihtne näide
Üks loend sisaldab ainult ühte loendiüksust. Teine loend sisaldab kolme loendiüksust. Saame sihtida loendikirjet, mis on üksi :only-of-type.
Kuigi võib-olla pole see parim näide, sest :only-childsee toimiks seal sama hästi, kuna loendiüksused on ainsad võimalikud loendite lapsed. Kui kasutame selle asemel div-e, võiksime suunata lõigu div-is, kui see on ainus lõik, vaatamata sellele, et seal on ka teisi elemente.
Märkida
Selle lõbus kõrvale, võid saavutada sama valiku nagu :only-of-typekoos :first-of-type:last-of-typevõi :nth-of-type(1):nth-last-of-type(1). Need kasutavad siiski kahte aheldatud selektorit, mis tähendab, et spetsiifilisus on kahekordne :only-of-type.
Brauseri tugi
| Chrome | Safari | Firefox | Ooper | IE | Android | iOS |
|---|---|---|---|---|---|---|
| Ükskõik | Ükskõik | Ükskõik | Ükskõik | IE9 + | Ükskõik | Ükskõik |