CSS カスタムプロパティ 1 基礎

すでに様々な CMS、フレームワーク、ライブラリ等で使われており、自分のプロジェクトの CSS を最適化するためにはそれらを考慮した実装が必要となる。素の CSS なので廃れて無くなることもない。使いこなすと便利なはずなので習得しておいて損はない。 基本の基本 デモ1 :root 擬似クラスは、ドキュメント全体 (html 要素) に適用される 使用したい箇所で var(--任意の名前) 大文字と小文字を区別するので注意 Sass (SCSS) と CSS カスタムプロパティー Sass 変数と CSS カスタムプロパティーとの違い Sass など CSSプリプロフェッサーの場合、トランスパイルが必要で、変換後は固定値となる CSS カスタムプロパティーは、ブラウザ上でそのまま動的に処理される。なので、JavaScript から get/setPropertyValue で直接参照でき、値