a标签css点击后变色

在Web开发中，经常会用到a标签，它可以用来链接不同的页面或锚点位置。同时，为了增强用户交互体验，我们也可以使用CSS来实现点击a标签之后改变颜色的效果。

首先，在CSS中使用:active伪类来表示鼠标点击的状态，我们可以将其与a标签的选择器结合使用，例如：

a:active {
  color: red;
}

以上代码表示，在鼠标点击a标签时，会将其颜色改变为红色。但是这只会实现短暂的改变，点击放开后颜色会回到原来的样子。

为了实现永久改变颜色的效果，我们可以使用JavaScript来实现，例如：

var a = document.getElementById("changeColor");
a.onclick = function() {
  this.style.color = "green";
}

以上代码表示，点击id为“changeColor”的a标签后，会将其颜色改变为绿色，并且这个改变会在页面刷新后依然存在。

通过CSS和JavaScript的结合，我们可以实现点击a标签后改变颜色的效果，不仅增强了用户交互体验，也能提升页面的美观程度。