: tik tipo - CSS-gudrybės

Turinys

: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.

Patikrinkite šį rašiklį!

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ų.

Patikrinkite šį rašiklį!

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.