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