代码实例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>eyoumb.com教程(eyoumb.com)</title>
<style>
p:after
{
content:"- Remember this";
background-color:yellow;
color:red;
font-weight:bold;
}
</style>
</head>
<body>
<p>My name is Donald</p>
<p>I live in Ducksburg</p>
<p><b>注意:</b>:after作用于IE8 以及更早版本的浏览器,DOCTYPE 必须已经声明.</p>
</body>
</html> 尝试一下 »
点击“尝试一下”按钮查看在线实例
:after选择器向选定的元素之后插入内容。
:after是伪元素，并且它生成包含放置在元素中的内容之后的生成内容的伪元素。
使用content 属性来指定要插入的内容。
默认情况下，此伪元素是内联的，但是可以使用属性显示更改。
例子：
a.external:after {content: " " url(image.gif);)
p:after {content: " | ";}意： after在IE8中运行，必须声明<!DOCTYPE> .
