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 */

pseudo-classes（链接，已访问，悬停，有效）并不能完全符合我的要求，即将页面上最后点击的链接突出显示为与所有其他链接不同的颜色页面。

这是否需要JQuery，如果有的话，是否需要任何建议？

Answer 1

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

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

Answer 2

您不需要Javascript。您正在寻找的CSS伪类是专注＆＃39;。

ps：它保留了最后点击的＆＃39;只有在您点击页面中的其他内容之前才会着色。

＆＃13;

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

＆＃13;

<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>

＆＃13;

Answer 3

你无法用css做到这一点。

使用jQuery，您可以执行类似

的操作

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

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

3 个答案: