【HTML5】擬似要素
擬似要素
擬似クラスと同様に、要素の状態やタイミングに対してスタイルを適用します。
・書式も擬似クラスと同様ですが、擬似クラスと区別するために、擬似要素の先頭にコロン「::」を2つつける点に注意してください。(コロン1つでも作動します)
書式
セレクタ :: 擬似要素名 {プロパティ : 値; }
::after
指定された要素の末尾にコンテンツを追加
::before
指定された要素の先頭にコンテンツを追加
::first-letter
指定された要素の先頭文字
::first-line
そて押された要素の先頭行
引用元