網頁制作過程中，引用css，我們可以使用:before偽元素選擇器與:after偽元素選擇器在頁面的前面和后面以content屬性的方式插入內容。
從css2.0添加這兩個偽元素選擇器到css2.1到現在的3.0，都不斷的在對這兩個選擇器進行改良和擴展。
首先，我們來看一下，在css2中，我們如何來插入內容（ie6 7不在考慮范圍之內，因為他們不支持:before與after）。
在css2中，我們使用:before來在元素的前面插入內容，使用:after在元素的后面插入內容（兼容瀏覽器：firefox、chrome、safari、opera、ie8+）。請看下面的例子：
css樣式：
#div1 {
                border: 1px solid #090;
                padding: 10px;
                font-size: 14px;
                margin-bottom: 10px;
            }
            #div1:before{
            content:"【";
    color:#f00;
    font-family:Arial;
            }
            #div1:after{
            content:"】";
    color:#f00;
    font-family:Arial;
            }
           
html代碼：
<div id="div1">插入內容</div>
在瀏覽器中查看演示結果（我測試過的瀏覽器：ff3.6/4.0/7.0、chrome14、safari5、opera10.6、ie8）：
 
 
是不是很給力？有木有