html - 单击超链接后如何更改超链接的颜色

标签 html css

<分区>

我想在点击超链接后改变它的颜色,但剩余的超链接颜色也改变了..

CSS

a:active {
    color: gray;
}
a:visited {
    color:black;
}

HTML

<body> 
    <a href="link1.html">a</a>
    <a href="link2.html">b</a>
    <a href="link3.html">c</a> 
</body>

最佳答案

:visited 伪类处理浏览器的历史记录。所有三个链接都用黑色绘制的事实意味着您的浏览器过去曾访问过它们。如果您要清除历史记录或更改链接的 URL,您会发现它们未被归类为“已访问”。

A link to Stack Overflow可能会在您的浏览器中显示为已访问,但是 link to Voice of JIHAD可能会显示不同的颜色(除非您是塔利类成员)。单击未访问的链接会将其颜色更改为已访问的颜色(如 Stack Overflow 的样式表中所定义),并且只要该页面存在于浏览器的历史记录中,它就会保持“已访问”状态。

关于html - 单击超链接后如何更改超链接的颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17062608/

相关文章:

html - 卡片内垂直居中的图像

jquery - 如何为不同的屏幕正确对齐卡片?

javascript - javascript 与 html 中 'onclick' 之间的区别

javascript - 在外部 JavaScript 表中使用多个函数

jquery - 图片网址 : data:image/png;base64 (KineticJS)

javascript - Style.width 和 left 不起作用

javascript - 在 Javascript 中更新动画持续时间

css - Firebug - 如何减少节点缩进?

html - 鼠标在特定位置时图像悬停

html - 在 Firefox 中使用 css 转换时边框渲染不正确