伪元素

  首先附上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>

 

 

  

  

 

posted on 2014-12-13 10:13  前端—郭瑞  阅读(178)  评论(0编辑  收藏  举报

导航