css的偽元素，之所以被稱為偽元素，是因為他們不是真正的頁面元素，html沒有對應的元素，但是其所有用法和表現行為與真正的頁面元素一樣，可以對其使用諸如頁面元素一樣的css樣式，表面上看上去貌似是頁面的某些元素來展現，實際上是css樣式展現的行為，因此被稱為偽元素。如下圖，是偽元素在html**機構中的展現，可以看出無法偽元素的結構無法審查。
這個兩個偽元素在真正頁面元素內部之前和之後新增新內容（當然了，可以對偽元素應用定位可以置於任何位置）。可以用以下例子來說明：
wonyun!
hello
wonyun!
you are handsome!
字串，字串作為偽元素的內容新增到主元素中
注意：字串中若有html字串，新增到主元素後不會進行html轉義，也不會轉化為真正的html內容顯示，而是會原樣輸出
attr(attr_name), 偽元素的內容跟主元素的某個屬性值進行關聯，及其內容為主元素的某指定屬性的值
url()/uri(), 引用外部資源，例如；
counter(), 呼叫計數器，可以不使用列表元素實現序號問題。
上面說了，偽元素是通過樣式來達到元素效果的，也就是說偽元素不占用dom元素節點，引用:before,:after偽元素妙用裡面總結的，:before和: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完全類似，只是它插入的內容會出現在其...