用：表示
：link 位访问的链接
：visited 已经访问过的链接会发生改变
：hover 鼠标移动到链接上会发生改变
：active 选定的链接
顺序不能变
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>链接伪类选择器</title>
<style>
a:link { /* 未访问过得链接状态*/
color: green;text-decoration: none;
font-size: 24px;
font-weight: bold;
}
a:visited {
/*链接已经点过的样子*/
color: yellow;
}
a:hover { /*鼠标经过链接是的样子*/
color: #f10215;
}
a:active {
/*鼠标按下时候的样子*/
color: skyblue;
}
</style>
</head>
<body>
<a href="http://www.baidu.com">百度一下</a>
</body>
</html>