裝載於：詳細用法請參考原文一、介紹css3為了區分偽類和偽元素，偽元素採用雙冒號寫法。
::before和::after下特有的content，用於在css渲染中向元素邏輯上的頭部或尾部新增內容。
這些新增不會出現在dom中，不會改變文件內容，不可複製，僅僅是在css渲染層加入。
所以不要用:before或:after展示有實際意義的內容，盡量使用它們顯示修飾性內容，例如圖示。
二、content屬性
::before和::after必須配合content屬性來使用，content用來定義插入的內容，content必須有值，至少是空。預設情況下，偽類元素的display是預設值inline，可以通過設定display:block來改變其顯示。
content可取以下值。
1、string
使用引號包一段字串，將會向元素內容中新增字串。如：a:after
平凡的世界
效果：《平凡的世界》
"">starof
效果：http
:
---------------------------
4.做出圖形效果（常用）
舉例：乙個六角星
"star-six">
#star-six的div是乙個正三角行，#star-six::after是乙個倒三角形，通過絕對定位，調整其位置即可實現六角星的效果。
舉例：" + 「和」 - "
button.accordion:after
button.accordion.active:after
偽元素 after和 before
after是乙個css偽元素，使用 after，你可以從css裡往頁面上新增內容 不再要在html裡有相應的東西 雖然最終生成的東西並不是真正的dom裡的內容，但這些內容能像普通內容一樣顯示，基本的效果是這樣的 div after 你好div before跟 after完全類似，只是它插入的內容會出...
偽元素 after和 before
after 是乙個css偽元素，使用 after 你可以從css裡往頁面上新增內容 不再要在html裡有相應的東西 雖然最終生成的東西並不是真正的dom裡的內容，但這些內容能像普通內容一樣顯示，基本的效果是這樣的 css div after html div 你好div before 跟 after...
偽元素 after和 before
after是乙個css偽元素，使用 after，你可以從css裡往頁面上新增內容 不再要在html裡有相應的東西 雖然最終生成的東西並不是真正的dom裡的內容，但這些內容能像普通內容一樣顯示，基本的效果是這樣的 div after 你好 before跟 after完全類似，只是它插入的內容會出現在其...