给a href设置a:link和a:hover后,为什么点击过后a标签会变色?

<!DOCTYPE html>
<html lang="en">
<head>
      <meta charset="UTF-8">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <title>Document</title>
      <style>
            
            a:link{color: aqua;}
            a:hover{color: red;}
      </style>
</head>
<body>
     
      <a href="#">这是个链接</a>
</body>
</html>

比如这个代码,a设置点击前的颜色是蓝色,但是点击后就自己变成深紫色了?为什么?

a:link {color: #FF0000} /* 未访问时的状bai态 */
a:visited {color: #00FF00} /* 已访du问过的状态 */
a:hover {color: #FF00FF} /* 鼠标zhi移动到dao链接上时的状态 */
a:active {color: #0000FF} /* 鼠标按下去时zhuan的状态 */

这四个就是你鼠标点击或者选中后的效果

你这就是给a标签定义的吧