Sassファイルの :root {} はどういう意味？

:root は Sass および CSS 中の特別なセレクタです。このセレクタは、HTML ドキュメントのルートエレメントを表します。通常、HTML ドキュメントのルートエレメントは 要素ですが、特別な場合を除いて、この要素に直接スタイルを適用することはできません。

しかし、:root セレクタを使用することで、HTML ドキュメント全体に適用するグローバルなスタイルを設定することができます。例えば、次のような Sass スタイルルールを使用することで、HTML ドキュメント全体のフォントサイズを 18px に設定することができます。

:root {
  font-size: 18px;
}

このように、:root セレクタは、HTML ドキュメント全体に適用するグローバルなスタイルを設定するために使用されます。