擬似クラスとは何か？──:hover, :focus を極めて洗練されたUIへ 擬似クラス（Pseudo-class）とは？ 擬似クラス（:hover, :focus など）とは、HTMLの要素がある特定の状態（ステート）になったときに、スタイルを適用するためのCSSの仕組みです。 要素が通常では持た ...

CSSでボタンやアイコンの色を統一したいとき、 いちいち同じ色コードを何度も書いていませんか？ そんなときに便利なのが currentColor というCSSのキーワード。 要素のcolorプロパティの値を参照して他の箇所にも反映できる便利な仕組みになっています。