取消设置一个:visited与一个:link的背景值

Question

我刚刚浪费了一个下午的时间来弄清楚CSS中的a:visited选择器除了少数与颜色直接相关的属性外，其他所有属性都已禁用（请参阅此处：http://www.impressivewebs.com/styling-visited-links/）。

无论如何，我想知道是否可以取消设置a:link的属性集？我有一个a:link选择器，它用CSS渐变填充背景，但如果a:visited可以变成灰色，那就太好了。

根据新的实现，您可以为a:visited设置background-color，但不幸的是，这会被a:link的background属性覆盖，因为a:visited现在不能使用background。

我想做的就是取消设置a:visited的背景，以便使用background-color。有人知道这是否可能吗？

Answer 1

使用一个而不是一个：链接作为背景色

在这里看小提琴

a{
    background: green;
}
a:visited{
    background: orange;
}

Answer 2

为您的超链接提供内联块的显示样式

a{
  display: inline-block;
  background-color: red; 
  //this becomes the default bgcolor; override it in subsequent pseudo state styles
}

这允许您为超链接指定背景颜色。

您通常必须按照以下顺序指定超链接的样式

• a:link-一个正常的、未访问的链接
• a:已访问-用户已访问的链接
• a:hover-用户鼠标悬停在其上时的链接
• a:active-单击时的链接

按此顺序，已访问的链接样式将替代常规链接样式。因此，您的css for visited将在您单击链接后应用。

Answer 3

确保在a之后声明a:visited。否则a将否决它。

a {
   background: #ff0000;
}
a:visited {
   background: url( none );
}