CSS変数

cssで変数を使用する場合には、--ハイフン二つを記述する。
実際の例としては、

:root {
  --yellow: #fff100;
｝

となる。
この時、CSS変数はroot上に記述する。
yellowが変数として使用できるようになる。

呼び出しの際にはvar(--変数名)と書く。

.selector {
  background-color: var(--yellow);
}