Как настроить последний клик для привязки, чтобы он отличался от всех других ссылок?

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, который вы ищете, это ' focus '.

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");
});