html - 取消设置 a:visited 与 a:link 的背景值

Question

我刚刚浪费了一个下午的时间，发现a:visitedCSS 中的选择器除了少数与颜色直接相关的属性外，所有属性都被禁用（参见此处：http ://www.impressivewebs.com/styling-visited-links/ ）。

无论如何，我想知道是否可以取消设置属性集a:link？我有一个a:link用 CSS 渐变填充背景的选择器，但如果它可以为a:visited.

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

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

score 0 · Accepted Answer

为您的超链接提供 inline-block 的显示样式

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

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

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

按照这个顺序，访问的链接样式会覆盖正常的链接样式。因此，单击链接后将应用您的 CSS 访问。

score 0 · Accepted Answer

使用 a 而不是 a:link 作为背景颜色

在这里看小提琴

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

score 0 · Accepted Answer

确保a:visited 在a. _ 否则a将推翻它。

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

3 回答 3