Автоматический возврат в состояние предварительного наведения и предварительной фокусировки для ссылок

Question

Я изменил внешний вид ссылок по умолчанию, изменив a:hover и a:focus для ссылок в определенной категории:

.myclass > a:hover, a:focus {
    color: limegreen;
}

Все выглядит именно так, как я хочу, за исключением одного небольшого поведения: когдаЯ открываю ссылку в новой вкладке, возвращаясь на страницу, я вижу, что ссылка, по которой я щелкнул, по-прежнему показывает стиль наведения и фокусировки, даже если курсор не находится на ссылке.Я должен щелкнуть в другом месте окна (или даже за пределами окна браузера), чтобы оно исчезло.

Как сделать так, чтобы текст / значок ссылки автоматически возвращался в свое несосредоточенное несфокусированное состояние после щелчка попросто нет курсора на ссылке?

Я надеюсь, что это можно сделать, не прибегая к JavaScript.

PS Я использую Bootstrap v. 3.3.4.

PPS Уже пытались использовать a:active, но это не помогло.

Answer 1

Вам также необходимо использовать селектор :active:

a:active, a:focus, a:hover {
  color: limegreen;
}

Answer 2

Используйте a:active вместо :focus

a:hover, a:active {
    color: limegreen;
}

<a href="#">try me</a>