Den :only-of-typepseudo-klasseselektor i CSS betegner hvilke som helst element som ikke har noen søsken av den gitte type.
p:only-of-type ( color: red; )Hvis ingen tag går foran velgeren, vil den matche hvilken som helst tag (f.eks. :only-of-type) Hvis en annen velger går foran den, blir den matchet basert på typen tag som velgeren samsvarer med. For eksempel .example:only-of-typevil oppføre seg som p:only-of-typehvis .examplebrukes på et avsnittelement.
Enkelt eksempel
En liste inneholder bare et enkelt listeelement. En annen liste inneholder tre listeelementer. Vi kan målrette mot listeelementet som er alene om :only-of-type.
Selv om det kanskje ikke er det beste eksemplet, fordi det :only-childville fungere like bra der siden listeelementer er de eneste mulige listerbarnene. Hvis vi bruker divs i stedet, kan vi målrette mot et avsnitt i en div hvis det er det eneste avsnittet, til tross for at andre elementer også er der.
Å notere
Som en morsom side, kan du oppnå det samme utvalget som :only-of-typemed :first-of-type:last-of-typeeller :nth-of-type(1):nth-last-of-type(1). De bruker to kjedede velgere skjønt, noe som betyr at spesifisiteten er dobbelt så stor som den :only-of-type.
Nettleserstøtte
| Chrome | Safari | Firefox | Opera | DVS | Android | iOS |
|---|---|---|---|---|---|---|
| Noen | Noen | Noen | Noen | IE9 + | Noen | Noen |