css中超链接点击后颜色改变

CSS 中，当超链接（`<a>`元素）被鼠标点击时，其默认的颜色可能会发生变化，这是通过设置伪类 `:hover` 来实现的。你可以使用 CSS 属性来控制这个效果，比如：

a {
  color: blue; /* 设置链接的初始颜色 */
}

a:hover {
  color: red; /* 当鼠标悬停在链接上时，颜色变为红色 */
}

在这个例子中，如果用户单击链接，颜色会临时变回蓝色（取决于浏览器默认样式），直到鼠标离开。如果你希望一点击就立即改变颜色并保持不变，可以使用 JavaScript 结合 CSS，如添加一个 class：

a.clicked {
  color: red;
}

a:active {
  /* a:active 用于选择用户正在点击的链接，即使颜色已经改变了 */
  color: green;
}

a[data-clicked] {
  color: purple; /* 使用 [data-clicked] 作为数据属性标记已点击过的链接 */
}

JavaScript 可以这样操作：

document.querySelectorAll('a').forEach(function(a) {
  a.addEventListener('click', function(e) {
    this.classList.add('clicked');
  });
});