css3為了區分偽類和偽元素，偽元素采用雙冒號寫法。

常見偽類—— :hover, :active, :visited, :focus。

常見偽元素——::first-letter,::first-line,::before,::after,::selection。

::before和::after下特有的content，用於在css渲染中向元素邏輯上的頭部或尾部添加內容（可以是文字，圖標等，下圖就是一個正方形圖標，圖標是通過css繪制的）。

這些添加不會出現在DOM中，不會改變文檔內容，不可復制，僅僅是在css渲染層加入。但是在開發者工具模式下可以看到形如“::before”字段。

所以不要用:before或:after展示有實際意義的內容，盡量使用它們顯示修飾性內容，例如圖標

參考：1、http://www.cnblogs.com/keyi/p/5943133.html

　　 2、http://www.w3school.com.cn/css/css_pseudo_elements.asp

CSS的偽元素和偽類