伪元素

　　首先附上W3C的链接，http://www.w3school.com.cn/css/css_pseudo_elements.asp

　　":first-line" 伪元素用于向文本的首行设置特殊样式。（选择器内部）

　　":first-letter" 伪元素用于向文本的首字母设置特殊样式。（选择器内部）

　　":before" 伪元素可以在元素的内容前面插入新内容。（选择器外部）

　　":after" 伪元素可以在元素的内容之后插入新内容。（选择器外部）

　　注：我们会用":after" 伪元素来清除浮动。

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

}

即在后面插入了一个清除浮动的节点了，不必麻烦的特意写一个<div sytle="clear:both"></div>