:rootValijat võimaldab teil sihtida kõrgeim "vanema" element DOM või dokumendi puu. CSS-i selektorite 3. taseme spetsifikatsioonis on see määratletud kui „struktuurne pseudoklass”, mis tähendab, et seda kasutatakse sisu kujundamiseks lähtuvalt selle suhetest vanema ja õe-venna sisuga.
Valdavas enamuses juhtudest :rootviitab tõenäoliselt veebisaidi elemendile. HTML-dokumendis on htmlelement alati kõrgeima taseme vanem, seega on käitumine :rootennustatav. Kuid kuna CSS on stiilikeel, mida saab kasutada koos teiste dokumendivormingutega, näiteks SVG ja XML, võib :rootpseudoklass nendel juhtudel viidata erinevatele elementidele. Sõltumata märgistuskeelest :rootvalib dokumendipuus alati dokumendi kõige ülemise elemendi.
Allpool toodud näites kasutatakse :rootpseudoklassi valijat elemendi taustavärvi loomiseks . Sel juhul võib sama efekti saavutada ka htmlmeie CSS-is elemendivalija abil .
Huvipunktid
- Kuigi
:rootselektor jahtmlselektor sihivad mõlemat HTML-i elementi, võib olla kasulik teada, et:rootsellel on tegelikult suurem spetsiifilisus. Pseudoklassi valijatel (kuid mitte pseudoelementidel) on spetsiifilisus, mis on võrdne klassi omaga, mis on kõrgem kui põhielemendi valijal.
Brauseri tugi
| Chrome | Safari | Firefox | Ooper | IE | Android | iOS |
|---|---|---|---|---|---|---|
| jah | jah | jah | 9,5+ | IE9 + | jah | jah |