CSS/Selektoren/root

Der :root-Selektor ermöglicht als strukturelle Pseudoklasse, die Wurzel eines Dokumentes anzusprechen. In HTML-Dokumenten ist dies immer <html>. Deshalb ist :root {foo: bar;} dasselbe wie html {foo: bar} allerdings mit höherer Spezifität.

Syntax	`:root`
Parameter	{{{Parameter}}}}}
Browsersupport	Details: caniuse.com

Beispiel

:root { 
  color: red; 
}

setzt die Schrift des gesamten Dokuments auf rot

Siehe auch

CSS/Tutorials/Selektoren/strukturelle Pseudoklassen

Weblinks

W3C: root Selectors Level 3

Liste der CSS-Selektoren

Pseudoklassen
- strukturelle Pseudoklassen
  - :root
  - :empty
  - :first-child
  - :first-of-type
  - :fullscreen
  - :last-child
  - :last-of-type
  - :nth-child()
  - :nth-of-type()
  - :nth-last-child()
  - :nth-last-of-type()
  - :only-child
  - :only-of-type
- dynamische Pseudoklassen
  - :active
  - :any-link
  - :checked
  - :disabled
  - :enabled
  - :focus
  - :focus-visible
  - :focus-within
  - :hover
  - :in-range
  - :invalid
  - :link
  - :out-of-range
  - :placeholder-shown
  - :target
  - :valid
  - :visited
- :has()
- :is() (war: matches())
- :lang()
- :not()
- :where()
einfache Selektoren
Kombinatoren
Pseudoelemente

CSS/Selektoren/root

Siehe auch

Weblinks

Navigationsmenü

Meine Werkzeuge

Namensräume

Varianten

Ansichten

Mehr

Suche

Starten

Mitmachen

Werkzeuge

SELFHTML