为什么我的活动和访问过的链接没有执行所需的命令？

Question

似乎我的常规标签覆盖了活动和访问中设置的颜色。

因此，我将其设置为相应的默认颜色以获得视觉差异，但是当我访问该页面时它不起作用。

a {
  text-decoration: none;
  background: linear-gradient(to right, #4194b5 50%, #999b9b 50%);
  background-size: 200% 100%;
  background-position: 100% 0;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}
a:visited {
  color: #4194b5;
}
a:hover {
  background-color: #e5f4fc;
  text-transform: uppercase;
  background-position: 0 0;
  transition: 1s;
}
a:active {
  color: #4194b5;
}

当您将鼠标悬停在链接上时，我有这种过渡效果(我第一次使用，对我来说是新代码(，并且我想在单击链接时保持蓝色，所以很明显您已经访问了该链接。

Answer 1

color不会覆盖-webkit-text-fill-color。它们是不同的属性。

如果要更改:hover上的-webkit-text-fill-color，则需要使用 -webkit-text-fill-color 属性执行此操作。