CSS :after 选择器是在选定元素的内容后面,而非整个元素后面

代码如下

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>菜鸟教程(runoob.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插入的是p标签内容后面,而非整个p标签后面

猜你喜欢

转载自blog.csdn.net/qq_39009130/article/details/104831806