html – 点击后如何更改超链接的颜色

前端之家收集整理的这篇文章主要介绍了html – 点击后如何更改超链接的颜色前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想在点击后更改超链接的颜色,但是剩余的超链接颜色也会改变.

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伪类适用于浏览器的历史记录.所有三个链接都是用黑色绘制的事实意味着您的浏览器过去曾访问过它们.如果您要清除历史记录或更改链接的网址,您会发现它们并未被归类为“已访问”.

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

猜你在找的HTML相关文章