A :rootválasztó lehetővé teszi a DOM vagy a dokumentumfa legmagasabb szintű „szülő” elemének megcélzását. A CSS Selectors 3. szintű specifikációja „strukturális ál-osztályként” definiálja, vagyis a tartalom stílusához használják a szülő és a testvér tartalmához való viszony alapján.
Az esetek elsöprő többségében valószínűleg találkozni fog, :rootutal a weboldal elemére. Egy HTML dokumentumban az htmlelem mindig a legmagasabb szintű szülő lesz, így a viselkedése :rootkiszámítható. Mivel azonban a CSS egy stílusnyelv, amely más dokumentumformátumokkal is használható, például az SVG és az XML, az :rootál-osztály ezekben az esetekben különböző elemekre hivatkozhat. A jelölőnyelvtől függetlenül :rootmindig a dokumentum legfelső elemét választja ki a dokumentumfában.
Az alábbi példában az :rootál-osztály választó segítségével háttérszín jön létre az elem mögött . Ebben az esetben ugyanaz a hatás érhető el, ha a htmlCSS-ben az elemválasztót használjuk.
Látványosság
- Míg a
:rootválasztó és ahtmlválasztó ugyanazt a HTML elemet célozza meg, hasznos lehet tudni, hogy:rootvalójában magasabb a specifitása. Az álosztály választók (de nem álelemek) specifikussága megegyezik egy osztályéval, amely magasabb, mint egy alapelem választó.
Böngésző támogatás
| Króm | Szafari | Firefox | Opera | AZAZ | Android | iOS |
|---|---|---|---|---|---|---|
| Igen | Igen | Igen | 9.5+ | IE9 + | Igen | Igen |