超链接的四种状态

一个超链接示例

<a href="https://www.z6z8.cn">z6z8</a>

有四种状态：

• a:link – 普通的、未被访问的链接
• a:visited – 用户已访问的链接
• a:hover – 鼠标指针位于链接的上方
• a:active – 链接被点击的时刻

CSS 改变超链接颜色

在未指定适用范围时，下面css影响全局

a:link {
  /*前景色*/
  color:blue;
  /*背景色*/
  background-color: orange;
}

a:visited {
  color:red;
}

a:hover{
...
}
a:active{
...
}

CSS 改变部分超链接颜色

需要将新颜色设置指定给具体的CSS块，例如

.testcss  {
    width:100%;
    height:20%;
}

.testcss  a:visited {
  color:red;
}