:root は Sass および CSS 中の特別なセレクタです。このセレクタは、HTML ドキュメントのルートエレメントを表します。通常、HTML ドキュメントのルートエレメントは 要素ですが、特別な場合を除いて、この要素に直接スタイルを適用することはできません。
しかし、:root セレクタを使用することで、HTML ドキュメント全体に適用するグローバルなスタイルを設定することができます。例えば、次のような Sass スタイルルールを使用することで、HTML ドキュメント全体のフォントサイズを 18px に設定することができます。
:root { font-size: 18px; }
このように、:root セレクタは、HTML ドキュメント全体に適用するグローバルなスタイルを設定するために使用されます。
