:only-of-typePseudo klasės selektorių CSS atstovauja kiekvieno atvejo, kuris neturi tam tikroje tipo broliai ir seserys.
p:only-of-type ( color: red; )Jei prieš žymeklį nėra žymos, ji atitiks bet kurią žymą (pvz. :only-of-type). Jei prieš jį pasirenka kitas žymeklis, jis atitiks pagal žymeklio tipą, kurį atitinka parinkiklis. Pavyzdžiui .example:only-of-typeelgsis kaip p:only-of-typejei .exampletaikoma iki elemento dalį.
Paprastas pavyzdys
Viename sąraše yra tik vienas sąrašo elementas. Kitame sąraše yra trys sąrašo elementai. Galime taikyti pagal sąrašo elementą, kuris yra vienas :only-of-type.
Nors galbūt tai nėra geriausias pavyzdys, nes ten :only-childjis veiktų taip pat gerai, nes sąrašo elementai yra vieninteliai galimi sąrašų vaikai. Jei vietoj to naudosime divs, galime nukreipti pastraipą į div skyrių, jei tai yra vienintelė pastraipa, nepaisant to, kad ten yra ir kitų elementų.
Užsirašyti
Kaip malonu, jūs galite pasiekti tą patį pasirinkimą kaip :only-of-typesu :first-of-type:last-of-typearba :nth-of-type(1):nth-last-of-type(1). Jie naudojasi dviem grandinėmis atrankomis, o tai reiškia, kad specifiškumas yra dvigubas :only-of-type.
Naršyklės palaikymas
| „Chrome“ | „Safari“ | „Firefox“ | Opera | T.Y | „Android“ | „iOS“ |
|---|---|---|---|---|---|---|
| Bet koks | Bet koks | Bet koks | Bet koks | IE9 + | Bet koks | Bet koks |