2021/2/18 HTML&CSS辞典をオープンしました! コンテンツは随時更新します!

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

疑似セレクタ(:root)の評価
頻出度
(3.0)
重要度
(3.0)
総合評価
(3.0)




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

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

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




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

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

:root {
 background-color: red;
}

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

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

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




コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です