CSS的虛擬元素和偽類

標籤：hover   頭部   文檔   dom   元素   nts   image   letter   src   

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的虛擬元素和偽類