B.擬似要素 ／ CSS3擬似要素::ダブルコロン ／ CSS2擬似要素:シングルコロン

擬似要素

pseudo-element
・要素や属性などの文書構造だけでは特定できない “要素の一部”を対象としてスタイルを適用するセレクタ

CSS3記述方式
・「::ダブルコロン」使用

CSS2同じ記述方式
・「：シングルコロン」使用

---

CSS3擬似要素

セレクタの書式	スタイルを適用する対象	使用例
要素名::first-line	要素の最初の一行	p::first-line {color::blue;}
要素名::first-letter	要素の最初の一文字	p::first-letter {color::blue;}
要素名::before	要素の直前	blockquote::before {content::"『";}
要素名::after	要素の直後	blockquote::after {content::"』";}

---

CSS2擬似要素

セレクタの書式	スタイルを適用する対象	使用例
要素名:first-line	要素の最初の一行	p:first-line {color:blue;}
要素名:first-letter	要素の最初の一文字	p:first-letter {color:blue;}
要素名:before	要素の直前	blockquote:before {content:"『";}
要素名:after	要素の直後	blockquote:after {content:"』";}