cssでhtml{}ではなく:root要素を使う理由

Question

最近CSSを見てみるとhtml{}ではなく文書のルート要素を指定する（つまりはhtml）:root {}が使われていることがあるのですが、これはなぜでしょうか？
よろしくお願いします。

Comments

[m.ts10806]

例えば、どこで見たのでしょう。
設定内容により、要件により、なところはありますよ。
作った人にしか本来の意図は分かりません。
逆に、ご自身ではどういうときに使いますか？

Answer 1

すみません、変数を設定するのに便利だからでした。

:root {
  --main-color: hotpink;
  --pane-padding: 5px 42px;
}

Comments

[退会済みユーザー]

勉強になりました。