【遠位]擬似要素セレクタ、擬似後と前

擬似要素セレクタ「::」

たとえば、

p::first-letter {  选择第一个字
        font-size: 100px;
    }
    p::first-line {  第一行
        color: red;
    }
    p::selection {  /*选择文字时候的状态*/
        background-color: pink;
        color: yellow;

クリア擬似デュアル浮動要素の使用前と後

これは、空の要素のアップグレード版で、利益が個別に標識されていません

必要があります内部のプラス小さな点や他の空にしないようにしよう、そうでない場合はFirefoxバージョン7.0より前に「」：前にコンテンツを追加する前に、新しいコンテンツの後に追加することができますが、我々は可能な限りコンテンツとして、コンテンツプロパティを追加する必要があります後。スペースを生成します

どのように使用するには：

.clearfix:before,.clearfix:after { 
  content:"";
  display:table;  /* 这句话可以出发BFC*/
}
.clearfix:after {
 clear:both;
}
.clearfix {
  *zoom:1;
}