CSS変数

例えば、の文字の色を同じにする場合は、

とすればよいですが、いちいち書くのは面倒です。セレクタのグループ化を使えば、

となりますが、値を頻繁に変えるケースだと、CSSの中の該当箇所を探さないといけないので、面倒です。変数の設定は一箇所にまとめたほうがいいでしょう。そこで「CSS変数」の出番です。

え、CSSに変数ってあるの？ですが、、、あるんですよね。

１.CSS変数の定義まず、CSS変