擬似クラス
擬似クラスとは、文書の持つツリー構造からは取得できない性質に対してスタイルを適用するための仕組みのことです。
適用対象が未訪問のリンクの場合は:link、訪問済みのリンクは:visited、ユーザーが選択中の場合の要素の場合は:active、マウスが上に乗っかっている状態の要素の場合には:hoverを使います。
選択中のフォームに適用させる場合には:focus、特定の言語コードが指定されている箇所については:langを用います。
| Property： | value:値 | 意味 |
|---|---|---|
| a:link { } | color : blue ; | リンク文字の色 |
| a:active {} | color : red ; | アクティブ中のリンク文字色 |
| a:visited { } | 表示済みのリンク文字色 | |
| a:hover {} | color : red ; | リンクにマウスを合わせたときの変化 |
| text-decoration : none ; | 下線を表示しない | |
| font-weight : bold ; | 太線にする |
セレクタには擬似クラス、擬似要素というものもあります。
擬似クラスは、要素の状況やタイミングに対しスタイルを設定でき、擬似要素は要素内の特定の箇所に対してスタイルを設定できます。
