为未访问的链接添加背景

Question

我正在尝试为特定Wordpress类别页面上的所有未访问链接添加图标。

这是我正在使用的CSS代码。我把它放在我上一个CSS文件的底部。

.category-xyzzy .entry-title a:link {
background-image: url("/new-star.png");
background-repeat: no-repeat;
color: pink;
}

.category-xyzzy .entry-title a:visited {
background: none;
}

奇怪的是，背景图像被添加到所有链接（访问或未访问），但粉红色仅应用于未访问的链接。

这种情况发生在多个浏览器中。

只有未访问的链接被粉红色的事实似乎表明我的第一个选择器工作正常，但我无法理解为什么背景图像出现在同一个CSS规则中而且其他地方都没有被应用到所有链接。

事实上，我只添加了与a匹配的第二条规则：作为强制解决问题的尝试。无论是否指定了第二条规则，都会出现问题。

Answer 1

您是否在Chrome中观看？您可能会发现它在FF中工作。但那很快就会停止。更多信息：Google chrome a:visited background image not working

Answer 2

您可以为未访问的链接添加重要内容。

.category-xyzzy .entry-title a:visited {
background: none !important;
}