css3_html/css_WEB-ITnose の疑似要素

CSS の疑似要素については前に説明しました:first-line、:first-letter、:before、:after;

次に、CSS3 で、前の「On the On」で疑似要素に特定の調整を加えました。基本的に「:」が追加され、::first-letter、::first-line、::before、::after になります。さらに、::selection も追加されます。

CSS3 では、疑似クラスは 1 つのコロンで表され、疑似要素は 2 つのコロンで表されることが明確に規定されています。

::first-line は要素の最初の行を選択します。たとえば、各段落のテキストの最初の行のスタイルを変更するには、これを使用できます

p::first-line {font-weight:bold;}

::before と ::after は主に次の目的で使用されます要素の前後にコンテンツを挿入します。これらの一般的に使用される 2 つの「コンテンツ」は一緒に使用されます。

            .clearfix:before, .clearfix:after { content: "."; display: block; height: 0; visibility: hidden; } .clearfix:after {clear: both;} .clearfix {zoom: 1;}

IE8 以前のバージョンでは、 を宣言する必要があります。

:before selector は、選択した要素のコンテンツの前にコンテンツを挿入します。例:

<div> <h1>welcome</h1></div>div:before{ content:"hello world"}

次に、選択された要素は div で、div のコンテンツは h1 で、挿入されたコンテンツはコンテンツ属性値「hello world」です

::selection は、選択のデフォルトの効果を変更するために使用されますウェブページ閲覧時のテキスト