:before/:after和::before/::after的區別

以前見過單冒號和雙冒號的寫法但沒太注意，剛好學習css3碰到了::befroe/::after寫法，就簡單的總結下自己瞭解到的。

:before/:after這種寫法css2中就有，叫僞類；::befroe/::after這種寫法是css3中的，叫僞元素，但兩種寫法的作用是一樣的。後者無法兼容IE低版本，如果要求兼容IE低版本請使用前者。注：對於img和input元素兩者都不起作用

用法：關鍵是結合content使用，content配合CSS的僞類或者僞元素，一般可以做以下四件事情：

例子：清除浮動

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