:root

CSS:root 疑似クラスは、文書を表すツリーのルート要素を選択します。 HTML では、 :root<html> 要素を表し、詳細度が高いことを除けば html セレクターと同等です。

/* 文書のルート要素(HTML の場合は <html>)を
   選択編集できる <input> 要素を選択 */
:root {
  background: yellow;
}

構文

:root

:root はグローバルの CSS 変数を宣言するのに便利です。

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

仕様書

仕様書 策定状況 コメント
Selectors Level 4
:root の定義
草案 変更なし。
Selectors Level 3
:root の定義
勧告 初回定義。

ブラウザー実装状況

Update compatibility data on GitHub
デスクトップモバイル
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewAndroid 版 ChromeAndroid 版 FirefoxAndroid 版 OperaiOSのSafariSamsung Internet
:rootChrome 完全対応 1Edge 完全対応 12Firefox 完全対応 1IE 完全対応 9Opera 完全対応 9.5Safari 完全対応 1WebView Android 完全対応 37Chrome Android 完全対応 18Firefox Android 完全対応 4Opera Android 完全対応 14Safari iOS 完全対応 1Samsung Internet Android 完全対応 1.0

凡例

完全対応  
完全対応