CSS :after 選擇器

實例

在每個 <p> 元素的內容之后插入新內容：

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

親自試一試

瀏覽器支持

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

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

定義和用法

:after 選擇器在被選元素的內容后面插入內容。

請使用 content 屬性來指定要插入的內容。

親自試一試 - 實例

在每個 <p> 元素后面插入內容，并設置所插入內容的樣式：

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

親自試一試

相關頁面

CSS 教程：CSS 偽元素

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