:rootSelektor lahko ciljate na najvišji ravni "matično" element v DOM, ali dokument drevo. V specifikaciji CSS Selectors Level 3 je opredeljen kot "strukturni psevdorazred", kar pomeni, da se uporablja za oblikovanje vsebine glede na njen odnos z nadrejeno in sorojensko vsebino.
V veliki večini primerov, na katere boste verjetno naleteli, se :rootnanaša na element na spletni strani. V dokumentu HTML bo htmlelement vedno nadrejeni na najvišji ravni, zato je vedenje :rootpredvidljivo. Ker pa je CSS jezik za oblikovanje, ki se lahko uporablja z drugimi formati dokumentov, kot sta SVG in XML, se lahko :rootpsevdorazred v teh primerih sklicuje na različne elemente. Ne glede na označevalni jezik :rootbo vedno izbral najvišji element dokumenta v drevesu dokumentov.
V spodnjem primeru se z :rootizbirnikom psevdorazreda ustvari barva ozadja za elementom. V tem primeru bi lahko enak učinek dosegli z uporabo htmlizbirnika elementov v našem CSS-ju.
Zanimivosti
- Medtem ko
:rootizbirnik inhtmlizbirnik ciljata na iste elemente HTML, je morda koristno vedeti, da:rootima dejansko večjo specifičnost. Izbirniki psevdo-razreda (ne pa tudi psevdo-elementi) imajo specifičnost, enako enaki razredu, ki je višja od izbirnika osnovnega elementa.
Podpora za brskalnik
| Chrome | Safari | Firefox | Opera | IE | Android | iOS |
|---|---|---|---|---|---|---|
| ja | ja | ja | 9,5+ | IE9 + | ja | ja |