[CSS] 疑似セレクタ「:root」で文書のルート要素にスタイルを適用しよう!

1.疑似セレクタ「:root」とは?

疑似セレクタ「:root」は文書のルート要素にスタイルを適用します。

ルート要素とは最上位階層に位置する要素のことです。

2.疑似セレクタ「:root」の使い方

それでは疑似セレクタ「:root」の使い方をみていきましょう。

:root　{
　background-color: red;
}

上記の例ではルート要素の背景色を赤色に指定しています。

この場合、ルート要素に指定した背景がブラウザ画面に表示されます。

疑似セレクタはなかなかイメージしづらいので実際に使ってみてどのようにスタイルが適用されるか確認するといいかと思います。