:only-of-typeSelectorul pseudo-clasă în CSS reprezintă orice element care nu are frati de tipul dat.
p:only-of-type ( color: red; )Dacă nici o etichetă nu precede selectorul, aceasta se va potrivi cu orice etichetă (de exemplu :only-of-type). Dacă un alt selector îl precede, acesta se va potrivi în funcție de tipul de etichetă cu care se potrivește selectorul. De exemplu, .example:only-of-typese va comporta ca p:only-of-typeși cum ar .examplefi aplicat unui element de paragraf.
Exemplu simplu
O listă conține doar un singur element de listă. O altă listă conține trei elemente de listă. Putem viza elementul de listă cu care este singur :only-of-type.
Deși poate că acesta nu este cel mai bun exemplu, pentru că :only-childar funcționa la fel de bine acolo, deoarece elementele de listă sunt singurii posibili copii ai listelor. Dacă folosim în schimb divs, am putea viza un paragraf în interiorul div dacă este singurul paragraf, în ciuda altor elemente.
A nota
Ca o distracție deoparte, ați putea realiza aceeași selecție ca :only-of-typecu :first-of-type:last-of-typesau :nth-of-type(1):nth-last-of-type(1). Aceia folosesc însă două selectoare înlănțuite, ceea ce înseamnă că specificitatea este dublă față de :only-of-type.
Suport pentru browser
| Crom | Safari | Firefox | Operă | IE | Android | iOS |
|---|---|---|---|---|---|---|
| Orice | Orice | Orice | Orice | IE9 + | Orice | Orice |