无法覆盖“webkit-any-link”

Question

考虑：

 a:-webkit-any-link {
    color: -webkit-link;
    text-decoration: underline;
    cursor: auto;
}

我无法覆盖此 CSS。 即使我禁用了所有相关的 CSS，我还是尝试在我的网站上的链接下发布蓝线？ .我试了很多。仍然没有用。我不想修改每台机器来更改用户代理样式表。

原文由 dev 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

如果你说造型

a:-webkit-any-link {
    color: -webkit-link;
    text-decoration: underline;
    cursor: auto;
}

正在以某种方式自动设置并且您想覆盖它，首先只需在您的 CSS 中设置锚点样式：

 a, a:link, a:visited, a:focus, a:hover, a:active{
  color:olive;
  text-decoration:none;
  cursor: crosshair;
}

如果由于某种原因这不起作用，请添加其他选择器以增加 规则的特异性，例如，

 body a{
   ...
}

如果这仍然不起作用，请使用可怕的 !important ：

 color:olive !important;

现场观看： https ://jsfiddle.net/panchroma/z7mkvbeu/

正如 kca 所建议的， MDN 上的这个页面 详细介绍了 !important 规则的工作原理，以及为什么最好尽可能避免使用它。

原文由 David Taiaroa 发布，翻译遵循 CC BY-SA 4.0 许可协议