:after选择器向选定的元素之后插入内容。
使用content属性来指定要插入的内容。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<style>
div{
width: 200px;
height: 200px;
border: 1px solid red;
}
span{
border:1px solid yellow;
}
div:after,
a:after,
span:after{
content: "aha";
background-color: #eee;
color: fff;
font-size: 30px;
}
</style>
<body>
<div>i love css</div>
<a href="/">aha</a>
<span>hh</span>
</body>
</html>
效果图