伪类与伪元素

伪类

伪类用于当已有元素处于的某个状态时，为其添加对应的样式，这个状态是根据用户行为而动态变化

伪元素

伪元素用于创建一些不在文档树中的元素，并为其添加样式。

1. :before :after
   element:before 在element内部创建一个行内元素，作为element的第一个孩子
   element:after 在element内部创建一个行内元素，作为element的最后一个个孩子
   用:before :after 的目的是为了省标签
   其中content 是必不可少
   应用-清除浮动

.clearfix:after {
    content:"";
    display:block;
    clear:both;
}

应用-替代标签

    
    hi, 这里是饥人谷
  
  
hi, 这里是饥人谷

  

应用-自定义checkbox

今天的心情: 

字体图标

 [代码](http://js.jirengu.com/bazi/1/edit?html,output)