【CSS】疑似クラス・疑似要素

疑似クラスとは

• 要素の状態やタイミングに対してスタイルを適用し、セレクタと組み合わせて記述する。

疑似クラスの書式

セレクタ : 疑似クラス名 { プロパティ:値; }

 

疑似要素とは

• 疑似クラスと同様に、要素のタイミングに対してスタイルを適用する。
• 疑似クラスと区別するために、コロン「:」を２つつける。

疑似クラスの書式

セレクタ :: 疑似クラス名 { プロパテ:値; }

主な疑似要素

疑似要素	対象
:: after	指定された要素の末尾にコンテンツを追加
:: before	指定された要素の先頭にコンテンツを追加
:: first-letter	指定された要素の先頭文字
:: first-line	指定された要素の先頭行