CSS :before 選擇器

實例

在每個 <p> 元素的內(nèi)容之前插入新內(nèi)容：

p:before
{ 
content:"臺詞：";
}

親自試一試

瀏覽器支持

所有主流瀏覽器都支持 :before 選擇器。

注釋：對于 IE8 及更早版本中的 :before，必須聲明 <!DOCTYPE>。

定義和用法

:before 選擇器在被選元素的內(nèi)容前面插入內(nèi)容。

請使用 content 屬性來指定要插入的內(nèi)容。

親自試一試 - 實例

在每個 <p> 元素前面插入內(nèi)容，并設(shè)置所插入內(nèi)容的樣式：

p:before
{ 
content:"臺詞：-";
background-color:yellow;
color:red;
font-weight:bold;
}

親自試一試

相關(guān)頁面

CSS 教程：CSS 偽元素

CSS 選擇器參考手冊：CSS :after 選擇器