首先附上W3C的链接，http://www.w3school.com.cn/css/css_pseudo_elements.asp
":first-line" 伪元素用于向文本的首行设置特殊样式。（选择器内部）
":first-letter" 伪元素用于向文本的首字母设置特殊样式。（选择器内部）
":before" 伪元素可以在元素的内容前面插入新内容。（选择器外部）
":after" 伪元素可以在元素的内容之后插入新内容。（选择器外部）
注：我们会用":after" 伪元素来清除浮动。
1 .clearfix:after{ 2 content:"."; 3 display:block; 4 height:0; 5 clear:both; 6 visibility:hidden; 7 } 8 .clearfix{ 9 zoom:1; 10 11 }
即在后面插入了一个清除浮动的节点了，不必麻烦的特意写一个<div sytle="clear:both"></div>
原文：http://www.cnblogs.com/webARM/p/3792152.html