突出显示同一页面上的选定链接

Question

我正在使用css或javascript或jquery在同一页面上搜索突出显示所选链接，找到了许多解决方案，但它们根据我的要求不起作用。 以下是要求。 突出显示所选链接或更改其颜色等。

<a href="#">First</a>
<a href="#">Second</a>
<a href="#">Third</a>

大多数人都说要使用

a:active{
 background-color:Red;
}
or 
a:visited{
 background:color:Red;
}

我知道主动链接是当前活动的链接，访问链接是您已访问过的链接。 但他们在我的情况下不工作，我点击这些链接加载相同页面的内容。 任何想法我怎么能做到这一点 提前致谢

Answer 1

您可以使用内联Javascript执行此操作，如下所示：

<a href="#" onclick="this.style.color='red'">Link</a>

您还可以使用jQuery在链接的click事件上触发一个函数：

$("a").click(function(){
    $(this).addClass("active");
    // define the styles for the active class for this to work
});

Answer 2

这不是有效的代码：

a:active{
background-color:Red;
}
or 
a:visited{
background:color:Red;
}

此外，他们都试图设置相同的颜色（尽管访问链接编码错误。）

正确的代码是：

a:visited, a:active{
background-color: red;
}

这将更改任何已点击的红色背景链接，并在点击过程中将红色背景应用于任何链接。