Pasirinkiklis :rootleidžia taikyti pagal aukščiausio lygio „tėvų“ elementą DOM arba dokumentų medyje. CSS selektorių 3 lygio specifikacijoje jis apibrėžiamas kaip „struktūrinė pseudoklasė“, tai reiškia, kad jis naudojamas kuriant turinį pagal jo santykį su tėvų ir brolių turiniu.
Be didžioji dauguma atvejų jūs tikriausiai naudojamės susidurti, :rootsusijęs su į tinklalapį elementas. HTML dokumente htmlelementas visada bus aukščiausio lygio pagrindinis, todėl jo elgesį :rootgalima nuspėti. Tačiau, kadangi CSS yra stiliaus kalba, kurią galima naudoti su kitais dokumentų formatais, pvz., SVG ir XML, :rootpseudoklasė tokiais atvejais gali nurodyti skirtingus elementus. Nepaisant žymėjimo kalbos, :rootdokumento medyje visada pasirinksite aukščiausią dokumento elementą.
Žemiau pateiktame pavyzdyje :rootpseudoklasės parinkiklis naudojamas fono spalvai sukurti už elemento. Tokiu atveju tą patį efektą būtų galima pasiekti naudojant htmlCSS elementų parinkiklį.
Lankytinos vietos
- Nors ir
:rootselektorius, irhtmlselektorius nukreipia į tuos pačius HTML elementus, gali būti naudinga žinoti, kad jų:rootspecifika yra didesnė. Pseudoklasės selektorių (bet ne pseudoelementų) specifiškumas lygus klasei, kuri yra aukštesnė už pagrindinio elemento parinkiklį.
Naršyklės palaikymas
| „Chrome“ | „Safari“ | „Firefox“ | Opera | T.Y | „Android“ | „iOS“ |
|---|---|---|---|---|---|---|
| taip | taip | taip | 9,5+ | IE9 + | taip | taip |