CSS :after 選擇器

2018-01-06 11:25 更新

定義和用法

:after選擇器向選定的元素之后插入內(nèi)容。

:after是偽元素，并且它生成包含放置在元素中的內(nèi)容之后的生成內(nèi)容的偽元素。

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

默認(rèn)情況下，此偽元素是內(nèi)聯(lián)的，但是可以使用屬性顯示更改。

例子：

a.external:after  {content: " "  url(image.gif);)
p:after {content: " | ";}

每個(gè)<p>元素之后插入內(nèi)容：

p:after
{
content:"- Remember this";
}

在每個(gè) <p>之后插入的內(nèi)容和樣式:

p:after
{
content:"- Remember this";
background-color:yellow;
color:red;
font-weight:bold;
}

表格中的數(shù)字表示支持該屬性的第一個(gè)瀏覽器版本號(hào)。

選擇器
::after	4.0	9.0 部分從 8.0	3.5	3.1	7.0 部分從4.0

注意： after在IE8中運(yùn)行，必須聲明<!DOCTYPE> .