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

Question

我想要做的是在我的网站上的WordPress页面的正文内容中使用我的链接背景更改悬停时的样式，但前提是它是访问过的链接。

这是我已经尝试过的：

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

但是，即使使用!important，它仍然没有生效。我不确定我做错了什么。

以下是相关网页：

https://erichepperle.com/about/

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

UPDATE：

这是我今天关于2018-08-20的页面。我正在跟进并测试提出的解决方案，这些图片将有助于澄清我的回答。

图1。

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

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

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

Answer 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 Pseudo-classes

CSS Link Pseudo-classes