CSS :before 選擇器

實(shí)例

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

p:before
{ 
content:"臺(tái)詞：";
}

親自試一試

瀏覽器支持

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

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

定義和用法

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

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

親自試一試 - 實(shí)例

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

p:before
{ 
content:"臺(tái)詞：-";
background-color:yellow;
color:red;
font-weight:bold;
}

親自試一試

相關(guān)頁(yè)面

CSS 教程：CSS 偽元素

CSS 選擇器參考手冊(cè)：CSS :after 選擇器