<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
a:link{
color: red;
}
a:hover{
color: black;
}
a:visited{
color: blue;
}
a:active{
color: green;
}
</style>
</head>
<body>
<div>
<a href="#">今天是个好日子</a>
</div>
</body>
</html>
伪元素好像是只针对a标签来使用的 因为只有链接才能用鼠标来点，这样的话才会有几个状态供我们使用。是不是呢欢迎指正。