CSS 链接伪类
1 链接伪类动作
链接的伪类名称对应链接的动作，针对不同动作可定义不同的样式。
| 链接伪类 | 含义 |
|---|---|
| a:link | 没有访问过的链接 |
| a:visited | 已经访问过的链接 |
| a:hover | 鼠标悬停在链接上 |
| a:active | 鼠标点击未松开时 |
四个伪类需要按LVHA的顺序进行定义，否则会出现混乱。
2 示例
<head>
<meta charset="UTF-8">
<title>CSS 链接伪类 | 关关教程</title>
<style>
a:link {
color: #04AA6D;
text-decoration: none;
}
a:visited {
color: #04AA6D;
}
a:hover {
color: #4889F3;
text-decoration: underline;
}
a:active {
color: #04AA6D;
}
</style>
</head>
<body>
<a href="https://tuto.dushare.cn">关关教程</a>
</body>
默认状态：绿色、无下划线；
鼠标悬停时：蓝色，有下划线。
默认状态：
鼠标悬停状态
3 常用CSS写法
因为一个网站不同地方的链接需要定义不同样式，常用如下写法。
1）id="main"元素里的后代a元素定义伪类样式
#main a:link{
}
…
#main a:active{
}
2）class含有class1的a元素定义伪类样式
a.class1:link{
}
a.class1:active{
}