如何将最后单击的锚点设置为与所有其他链接不同的颜色？

Question

a:link {color:#FF0000} /* unvisited link */
a:visited {color:#00FF00} /* visited link */
a:hover {color:#FF00FF} /* mouse over link */
a:active {color:#0000FF} /* selected link */

伪类（链接、已访问、悬停、活动）并不完全符合我的要求，即突出显示页面上最后单击的链接与页面上所有其他链接的颜色不同。

这是否需要 JQuery，如果需要，有什么建议吗？

Answer 1

你不需要 Javascript。 您正在寻找的 CSS 伪类是“ focus ”。

ps：它仅在您单击页面中的其他内容之前保留“最后单击”颜色。

 a:link {color:#00FF00} a:visited {color:#00FF00} a:hover {color:#FF00FF} a:focus {color:#0000FF} /* this one! */

 <b> <a href="#">link 1</a> <a href="javascript:void(0);">link 2</a> <a href="#">link 3</a> <a href="javascript:void(0);">link 4</a> </b>

Answer 2

它不需要jQuery，但使用 jQuery 肯定很容易。

$("a").click(function () { 
      $("a").css("color", "blue");
      $(this).css("color", "yellow");
    });

Answer 3

你绝对不能用css来做。

使用 jQuery 你可以做类似的事情

$("a").live("click", function() {
    $("a").removeClass("yourHighlightClass");
    $(this).addClass("yourHighlightClass");
});