html - 单击其他超链接时更改超链接颜色

Question

如何在单击其他链接时将我的超链接颜色更改回原始颜色？超链接指向同一页面。

请检查此 DEMO

从上面的例子中你可以看到，当点击苹果然后点击葡萄/香蕉.. 两者都变成相同的颜色，因为(已访问)。单击任何链接时如何使其只有一种颜色(绿色)

Answer 1

您可以使用 jQuery

$('body a:link').click(function()
{
	$('body a').removeClass('active');
	$(this).addClass('active');	 
});

a:link {
    color: blue;
}

/* visited link */
a.active {
    color: green;
}

/* mouse over link */
a:hover {
    color: red;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a class="fruit" href="#apple">apple</a></span>
<a class="fruit"  href="#grape">grape</a></span>
<a class="fruit"  href="#banana">banana</a></span>
<div style="height:500px"></div>
<a name="apple"> apple here</a>
<a name="grape"> grape here</a>
<a name="banana"> banana here</a>