将CSS样式应用于悬停时访问的链接

我想做的是在我的网站上WordPress页面的正文内容中包含链接的背景, 但要在悬停时更改样式, 但前提是该链接为访问链接。

这是我已经尝试过的：

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

但是, 即使！重要, 它仍然没有生效。我不确定自己在做什么错。

这是有问题的页面：

About

悬停访问的链接时如何应用样式？

更新：

这是我今天在2018-08-20的关于页面。我正在跟进并测试建议的解决方案, 这些图像将有助于阐明我的回答。

图。1。

这是我为测试@Johannes的答案而添加的代码：

.page .entry-content a：visited：hover {背景：紫色；字体样式：斜； }

#1

使用a：visited：hover(注意顺序)

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

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

#2

这是用于记住以下顺序的助记符：链接, 已访问, 悬停, 活动。字母是L, V, H, A, 因此你可以使用LoVe, HAte。

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：visited：hover。

你还可以签出：

CSS伪类

CSS链接伪类