[分享]css中a标签点击换色

在CSS中，a标签在被点击时可以通过设置伪类来实现颜色的变化。常见的伪类有:link、:visited、:hover和:active。:link伪类用于设置未访问过的链接颜色，:visited伪类用于...

在CSS中，a标签在被点击时可以通过设置伪类来实现颜色的变化。常见的伪类有:link、:visited、:hover和:active。

:link伪类用于设置未访问过的链接颜色，:visited伪类用于设置已访问过的链接颜色。:hover伪类用于设置当鼠标悬停在链接上时的颜色，:active伪类用于设置当链接被点击时的颜色。

a:link {
  color: #0000FF;
}

a:visited {
  color: #***080;
}

a:hover {
  color: #FF0000;
}

a:active {
  color: #00FF00;
} 

上述代码中，a:link设置了未访问过的链接颜色为蓝色，a:visited设置了已访问过的链接颜色为紫色，a:hover设置了当鼠标悬停在链接上时的颜色为红色，a:active设置了当链接被点击时的颜色为绿色。

需要注意的是，这些伪类的顺序不能随意调换，否则可能会出现样式不生效或覆盖的情况。一般建议按照link-visited-hover-active的顺序设置。