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

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

它不需要 jQuery,但使用jQuery肯定很容易.

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

Answer 2

你不需要Javascript.您正在寻找的CSS伪类是"焦点".

ps:它只保留"最后点击"的颜色,直到你点击页面中的其他内容.

a:link {color:#FF0000}
a:visited {color:#00FF00}
a:hover {color:#FF00FF}
a:active {color:#0000FF}
a:focus {color:#0000FF}

<b><a href="#">link 1</a>
<a href="#">link 2</a>
<a href="#">link 3</a>
<a href="#">link 4</a>
<a href="#">link 5</a></b>

Answer 3

你绝对不能用css做到这一点.

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

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