css僞類

　　　　主要說:before,:after元素這倆個僞類元素怎麼用，它們和::before,::after沒多少區別，後者是css3裏新增的。建立一個假的元素盒子，而後添加樣式或者內容。而這個盒子就是裏面的content樣式。使用這個元素裏面必須有content樣式。看一下它的使用場景：

　　　　一、添加圖片或文字

<p id="text">測試</p>
#text::before{content:"";width:100px;height:100px;background:url("xxx.jpg") no-repert center;}這樣就在測試前加了一個圖片，content用來作盒子可是這個盒子是虛的，因此叫作僞類。

　　　　二、清除浮動　　

#text::after{ content:""; display:block; height:0px; overflow:hidden; clear:both;}

　　　　三、插入文本

#text::after{content:"結尾"；color:"#ccc";}輸出測試結尾。
#text::before{content:"開始"；color:"#666"}輸出開始測試

　　　　四、插入項目編號

<ul>
    <li>標題一</li>
    <li>標題二</li>
</ul>
ul li::before{content:(number)"、"；}這裏就像是字符串拼接，裏面的number能夠設置不一樣的樣式值，具體百度吧。

　　　　嗯嗯，以上。