気の向くままに辿るIT/ICT
webzoit.netウェブサイトホームページ
CSS / Cascading Style Sheets 擬似要素

CSS3 Pseudo-elements / 擬似要素

ウェブ造ホーム前へ次へ
サイト内検索
カスタム検索
CSS擬似要素とは?

CSS3 Pseudo-elements / 擬似要素

CSS3 Pseudo-elements / 擬似要素

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

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

パターン初期
ver
意味W3C参照URI
E::first-lineCSS1E 要素の最初の行The ::first-linepseudo-element
E::first-letterCSS1E 要素の最初の文字The ::first-letterpseudo-element
E::beforeCSS2E 要素の前に生成した要素The ::beforepseudo-element
E::afterCSS2E 要素の後ろに生成した要素The ::afterpseudo-element

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

CSS擬似要素とは : CSS1擬似要素 > CSS2擬似要素 > CSS3擬似要素

より関連性の高いスタイル設定

CSS擬似クラス / CSSセレクタ

CSS/スタイルシート情報

ウェブ造ホーム前へ次へ