CSS中存在一些比較特殊的屬性，稱之為偽類，它們之中最常用的就是定義鏈接的偽:link，:visited，:hover，:active等。
除了它們，還有一些不被常使用的偽類，有:focus，:first-child，:lang等。
而且CSS里不光有偽類，還有偽元素，比如：:first-letter，:first-line，:before和:after。
?本文中其它偽元素暫且不表，單說:after偽元素。
after顧名思義是在元素后面的意思，實質是在元素之后添加內容。
這個偽元素允許制作人員在元素內容的最后面插入生成內容，需要和content屬性一起使用，設置在對象后發生的內容。默認地，這個偽元素是inline行內元素，不過可以使用屬性 display 改變這一點。
所有主流瀏覽器都支持 :after 偽元素，但對於IE來說，只有IE8以上版本支持。
下面舉個例子，在CSS代碼中插入：
<style type="text/css"> h1:after {content:url(logo.gif)} </style>
<h1>標題內容</h1>
在顯示時，標題內容后會插入一張圖片。這就是偽元素:after的作用。
:after偽類的content還可以跟其它的參數，
一：字符串 例如：
1 <style type="text/css"> 2 .test:after{content:"測試代碼"}; 3 </style> 4 <div class="test">測試div：</div>
運行結果顯示為：測試div：測試代碼
二：attr(x)，attr是屬性的意思，顧名思義，就是讀取該類節點的屬性 例如：
1 <style type="text/css"> 2 .test:after{content:attr(id)}; 3 </style> 4 <div class="test" id="aaa">測試div的id為：</div>
運行結果顯示為：測試div的id為：aaa
三：固定參數
close-quote：插入 quotes 屬性的后標記
no-close-quote ：並不插入 quotes 屬性的后標記。但增加其嵌套級別
open-quote：插入 quotes 屬性的前標記
no-open-quote：並不插入 quotes 屬性的前標記。但減少其嵌套級別