:root

CSS :root 의사 클래스는 문서 트리의 루트 요소를 선택합니다 HTML의 루트 요소는 <html> 요소이므로, :root의 명시도가 더 낮다는 점을 제외하면 html 선택자와 똑같습니다.

/* 문서의 루트 요소 선택
   HTML에서는 <html> */
:root {
  background: yellow;
}

구문

:root

:root는 전역 CSS 변수 선언에 유용하게 사용할 수 있습니다.

:root {
  --main-color: hotpink;
  --pane-padding: 5px 42px;
}

Specification	Status	Comment
Selectors Level 4 The definition of ':root' in that specification.	Working Draft	No change.
Selectors Level 3 The definition of ':root' in that specification.	Recommendation	Initial definition.

	Desktop						Mobile
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari	Android webview	Chrome for Android	Firefox for Android	Opera for Android	Safari on iOS	Samsung Internet
`:root`	Chrome Full support 1	Edge Full support 12	Firefox Full support 1	IE Full support 9	Opera Full support 9.5	Safari Full support 1	WebView Android Full support 37	Chrome Android Full support 18	Firefox Android Full support 4	Opera Android Full support 14	Safari iOS Full support 1	Samsung Internet Android Full support 1.0