CSS3 Pseudo-elements / 擬似要素

CSS擬似要素とは？

　CSS3における擬似要素の概要は以下の通りです。

　尚、CSS3で定義されている擬似要素は、CSS2(CSS1含む)と「種類は同じ」ですが、要素と擬似要素を連結する「コロンが2つ」として再定義されている点に注意が必要です。

パターン	初期 ver	意味	W3C参照URI
E::first-line	CSS1	E 要素の最初の行	The ::first-linepseudo-element
E::first-letter	CSS1	E 要素の最初の文字	The ::first-letterpseudo-element
E::before	CSS2	E 要素の前に生成した要素	The ::beforepseudo-element
E::after	CSS2	E 要素の後ろに生成した要素	The ::afterpseudo-element

　ちなみに仕様書には互換性の観点からブラウザはCSS2/CSS1で定義済みのコロン1つで設定されたセレクタも正しく解釈しなければならないとあります。