もっと"Try it Yourself"以下の例。
定義と使用法
セレクタの後に::は、それぞれの選択のコンテンツの後に何かを挿入するelement(s) 。
使用したコンテンツを挿入するコンテンツを指定するプロパティを。
使用前に::をコンテンツの前に何かを挿入するセレクタ。
| バージョン： | CSS2 |
|---|
ブラウザのサポート
表中の数字は完全にセレクタをサポートする最初のブラウザのバージョンを指定します。
| セレクタ | |||||
|---|---|---|---|---|---|
| ::after | 4.0 | 9.0 8.0から部分 | 3.5 | 3.1 | 7.0 4.0から部分 |
注意：IE8、オペラ4-6だけ古い、シングルコロンCSS2構文をサポート(:after) 。 新しいバージョンでは、標準、ダブルコロンCSS3の構文をサポート(::after) 。
注：について：、IE8で動作するようにした後、<！DOCTYPE>を宣言する必要があります。
CSSの構文
::after {
css declarations ;
}
その他の例
例
すべての後にコンテンツを挿入します<p>要素、および挿入されたコンテンツのスタイル：
p::after
{
content: " - Remember this";
background-color: yellow;
color: red;
font-weight: bold;
}
»それを自分で試してみてください 関連ページ
CSSチュートリアル： CSS擬似要素
CSSセレクタリファレンス： CSS ::セレクタの前に