偽元素的英文是pseudo-element，意思是虛假的元素。
在css2中，偽元素（如:before）與偽類（如:hover）都是以單引號開頭；
在css3中，為了跟偽類區分，變成雙冒號（如::before），但為了瀏覽器相容，大多數還在繼續使用單冒號。
總體概括，偽元素有以下幾個重點：
1. 必須設定content
2. 偽元素插入的預設為內聯元素
3. 偽元素上可以使用偽類（div:hover:before）
4. 偽元素可以新增transition等屬性
5. 多重偽元素（div:before:before）也許在不久的未來就可以使用
應用before/after，做了幾個有趣的例子，分享一下（請用chrome檢視）
偽元素 偽類
偽元素在dom中建立了一些抽象元素，而且這些元素本身時不存在與dom中的。在css3中偽元素前要使用 兩個冒號 比如 使用在使用 before 和 after時，要使用content進行內容設定。預設情況下，偽元素插入的內容為行內元素，不過可以使用display進行設定。注意 同時只能使用乙個偽元素...
偽類 偽元素
偽類和偽元素在web開發中用的好的話，可以說猶如神助。但一定要分清楚，什麼是偽類，什麼是偽元素。如何區分偽元素與偽類？答 偽元素在html文件渲染後，頁面中有相應的內容顯示，同時能夠設定它的樣式，而偽類只能設定樣式 偽元素和元素的區別？答 很明顯，從字面意思上來說，偽元素就不是真正的元素，而只有形而...
偽類 偽元素
偽類和偽元素 偽類其實是為彌補css選擇器的不足，用來更方便地獲取資訊 而偽元素本質上是建立了乙個虛擬容器 元素 我們可以在其中新增內容或樣式 css3中，偽類用單冒號 表示 而偽元素用雙冒號 表示 before 偽元素可以在元素的內容前面插入新內容 after 偽元素以在元素的內容之後插入新內容 ...