CSS :after 選擇器
定義和用法
:after選擇器向選定的元素之后插入內容。
:after是偽元素,并且它生成包含放置在元素中的內容之后的生成內容的偽元素。
使用content 屬性來指定要插入的內容。
默認情況下,此偽元素是內聯(lián)的,但是可以使用屬性顯示更改。
例子:
a.external:after {content: " " url(image.gif);) p:after {content: " | ";}
實例
實例 2
在每個 <p>之后插入的內容和樣式:
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 選擇器
更多建議: