:only-of-typeNäennäisluokkavalitsin CSS mikä tahansa elementti, jolla ei ole sisaruksia tietyntyyppistä.
p:only-of-type ( color: red; )Jos valitsinta edeltää mikään tagi, se vastaa mitä tahansa tagia (esim. :only-of-type). Jos toinen valitsin edeltää sitä, se täsmää valitsimen vastaavan tunnistetyypin perusteella. Esimerkiksi .example:only-of-typekäyttäytyy kuin p:only-of-typejos .examplesitä käytetään kappaleelementtiin.
Yksinkertainen esimerkki
Yksi luettelo sisältää vain yhden luettelokohdan. Toinen luettelo sisältää kolme luettelokohtaa. Voimme kohdistaa luettelokohteeseen, joka on yksin :only-of-type.
Vaikka ehkä se ei ole paras esimerkki, koska :only-childse toimisi siellä yhtä hyvin, koska luettelokohdat ovat luetteloiden ainoat mahdolliset lapset. Jos käytämme sen sijaan divia, voimme kohdistaa kappaleen div: n sisällä, jos se on ainoa kappale, vaikka muutkin elementit ovat siellä.
Huomioida
Hauskana syrjään, voit saavuttaa sama valinta kuin :only-of-typekanssa :first-of-type:last-of-typetai :nth-of-type(1):nth-last-of-type(1). Ne käyttävät kuitenkin kahta ketjutettua valitsinta, mikä tarkoittaa, että spesifisyys on kaksinkertainen :only-of-type.
Selaimen tuki
| Kromi | Safari | Firefox | Ooppera | IE | Android | iOS |
|---|---|---|---|---|---|---|
| Minkä tahansa | Minkä tahansa | Minkä tahansa | Minkä tahansa | IE9 + | Minkä tahansa | Minkä tahansa |