CSS :after 選擇器
完整CSS選擇器參考手冊定義和用法
:after選擇器向選定的元素之后插入內(nèi)容。
:after是偽元素，并且它生成包含放置在元素中的內(nèi)容之后的生成內(nèi)容的偽元素。
使用content 屬性來指定要插入的內(nèi)容。
默認情況下，此偽元素是內(nèi)聯(lián)的，但是可以使用屬性顯示更改。
例子：
a.external:after {content: " " url(image.gif);)
p:after {content: " | ";}
實例
實例 2
在每個 <p>之后插入的內(nèi)容和樣式:
p:after
{
content:"- Remember this";
background-color:yellow;
color:red;
font-weight:bold;
}
{
content:"- Remember this";
background-color:yellow;
color:red;
font-weight:bold;
}
嘗試一下 ?
瀏覽器支持
表格中的數(shù)字表示支持該屬性的第一個瀏覽器版本號。
| 選擇器 | |||||
|---|---|---|---|---|---|
| ::after | 4.0 | 9.0 部分從 8.0 | 3.5 | 3.1 | 7.0 部分從4.0 |
注意： after在IE8中運行，必須聲明<!DOCTYPE> .
相關文章
CSS 教程: CSS Pseudo-elements
CSS 選擇器參考手冊: CSS :before 選擇器
更多建議：