链接样式顺序：link、visited、hover、active

1、介绍
a:link - 正常，未访问过的链接
a:visited - 用户已访问过的链接
a:hover - 当用户鼠标放在链接上时
a:active - 链接被点击的那一刻

当设置为若干链路状态的样式，也有一些顺序规则：
a:hover 必须跟在 a:link 和 a:visited后面
a:active 必须跟在 a:hover后面

2、css

a:link {
  color: gray;
}
a:visited {
  color: red;
}
a:hover {
  color: greenyellow;
}
a:active {
  color: blue;
}

3、 html

<a href = "#" >超链接a>

4、顺序
编写顺序为：link、visited、hover、active。按照这个顺序，这四个伪类的效果都会有。