CSS :root 疑似クラス| CSS:スタイルシート 関数 要素 使い方・書き方 例 CSS サンプル

:root 疑似クラス CSS プロパティとは

トピック:ドキュメントのルート要素と一致する ことができる HTMLでは、ルート要素は常にhtml要素 文書を表すツリーのルート要素を選択する HTML では、 :root <html> 要素を表し、詳細度が高いことを除けば html セレクターと同等

疑似クラス セレクター :root

実例 コード 1

サンプル コードを試す
    :root { 
        background: red;
    }

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

構文

:root { css : properties ; }
 疑似クラス名 {スタイル要素のプロパティ : プロパティ値; }
CSS バージョンCSS 3

サポートするデスクトップ ブラウザ対応・互換性

PropertyDesktop 互換性
:rootChromeEdgeFirefoxInternet ExplorerOperaSafari
基本 サポートフルサポート◯1 不明フルサポート◯1フルサポート◯9フルサポート◯9.5フルサポート◯1

サポートするモバイル ブラウザ対応・互換性

PropertyMobile 互換性
:rootAndroidChrome for Android
Edge MobileFirefox for Android
Opera for Android
iOS SafariSamsung Internet
基本 サポート 不明 不明フルサポート◯あり 不明 不明 不明 不明
:root 疑似クラス 関連記事
CSS :root 疑似クラス| CSS:スタイルシート 関数 要素 使い方・書き方 例 CSS サンプル
CSS :root 疑似クラス | CSS プロパティ 値| 意味 使い方 実例 – WebRef
あわせて読みたい

Html

Glossary

PHP

JavaScript

JQuery

CSS