擬似要素アプリケーションと擬似要素フローティングクリア

擬似要素の定義

コンセプト：仮想タグは、現在の要素の内容の前または後ろに追加されます

特徴：

（1）CSSによってレンダリング擬似要素、DOMは、コストを増加しないであろう。

（2）擬似要素のインラインスタイルのデフォルト値は、ブロックレベルの処理に変換することができます。

（3）または無し擬似要素コンテンツ、何が書かれただけでなく、空の場合であっても、小さい値ではないではないコンテンツ。

（3）擬似要素が、互換性のために書かれた二重コロン公式推薦、単一のコロンのように書きます。

CSS擬似要素がレンダリングされているので（5）、JS以下を得ます。

    <スタイル> 
        ■は:: {の前に
コンテンツ：' 飞飞' ; 
フォント - サイズ：30px; 
        } 
        ■は:: {後に
コンテンツ：' 20 ' 。
フォント - サイズ：30px; 
        }
     </スタイル> 

    の<div クラス = " ボックス" > 
        的年龄是
     </ div>

2.クリアフロート擬似要素

<スタイル>

。含む{

    幅：500pxなど。

    国境：1pxの固体＃000;

}

。ボックス{

    幅：300ピクセル;

    高さ：300ピクセル;

    背景色：赤。

    フロート：左;

}

.clearfix：後{

    コンテンツ：'';

    クリア：両方;

    表示ブロック;

    高さ：0;

    可視性：隠されました;

}

.clearfix {

    *ズーム：1;

}

</スタイル>

    

 

<divのクラスには、= "clearfixが含まれています">

<DIV CLASS = "ボックス"> </ div>

</ div>