Den :only-of-typepseudo klass väljaren i CSS representerar vilken som helst element som inte har några syskon av den givna typen.
p:only-of-type ( color: red; )Om ingen tagg föregår väljaren matchar den någon tagg (t.ex. :only-of-type). Om en annan väljare föregår den matchas den baserat på den typ av tagg som väljaren matchar. Till exempel .example:only-of-typekommer att fungera som p:only-of-typeom .exampletillämpas på ett styckeelement.
Enkelt exempel
En lista innehåller bara ett enda listobjekt. En annan lista innehåller tre listobjekt. Vi kan rikta in listobjektet som är ensamt med :only-of-type.
Även om det kanske inte är det bästa exemplet, eftersom det :only-childskulle fungera lika bra där eftersom listobjekt är de enda möjliga barnen till listor. Om vi använder divs istället kan vi rikta in ett stycke inuti en div om det är det enda stycket, trots att andra element finns där också.
Att notera
Som ett roligt åt sidan kan du uppnå samma val som :only-of-typemed :first-of-type:last-of-typeeller :nth-of-type(1):nth-last-of-type(1). De använder dock två kedjeväljare, vilket betyder att specificiteten är dubbelt så stor som den :only-of-type.
Webbläsarstöd
| Krom | Safari | Firefox | Opera | IE | Android | iOS |
|---|---|---|---|---|---|---|
| Några | Några | Några | Några | IE9 + | Några | Några |