首页 > 代码库 > 伪元素

伪元素

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

 

 

  

  

 

伪元素