Применить стили CSS к посещаемой ссылке при наведении

Question

То, что я хочу сделать, это иметь фон моих ссылок в содержании тела страницы WordPress на моем сайте, изменять стили при наведении курсора, но только если это посещенная ссылка .

Это то, что я уже пробовал:

/* Page content hover styles */
.page .entry-content a:hover:visited {
   background: #C5C5E8 !important;
}

Но даже с !important оно все еще не действует.Я не уверен, что я делаю не так.

Вот эта страница:

https://erichepperle.com/about/

Как применить стили при наведении на посещаемую ссылку?

---

ОБНОВЛЕНИЕ:

Вот моя страница О нас сегодня 2018-08-20.Я отслеживаю и тестирую предложенные решения, и эти изображения помогут прояснить мои ответы.

Рис 1.

Вот код, который я добавил для тестирования@ Ответ Йоханнеса:

.page .entry-content a:visited:hover { background: purple; font-style: oblique; }

Answer 1

Вот мнемоника для запоминания порядка: Ссылка, Посещено, Наведение, Актив .Буквы L, V, H, A , поэтому вы можете использовать L o V e, HA te .

a:link {color: blue;}        ->  unvisited link
a:visited {color: purple;}   ->  visited link
a:hover {color: red;}        ->  mouse over link
a:active {color: yellow;}    ->  selected link

Поскольку вы хотите применить стиль для посещенной ссылки при наведении курсора

Вы можете использовать a :ited: hover .

Вы также можете проверить:

Псевдоклассы CSS

Псевдоклассы CSS Link

Answer 2

Использование a:visited:hover (обратите внимание на заказ)

a:link {
color: red;
}
a:visited {
color: green;
}
a:hover {
color: yellow;
}
a:visited:hover {
color: blue;
}

<a href="#">Testtest</a>