HTML 锚点，禁用样式

Question

我有一些 html 锚链接代码，与文档的其余部分不同，我希望它看起来不是链接。

有没有一种简单的方法可以禁用由锚标记中的包装文本引起的样式更改，而不必强行强制它相同（即，如果我更改正文字体样式，我不必也更改其他一些：链接东西）。

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

Answer 1

将颜色设置为黑色，将文本装饰明确设置为无，这比对我来说更激进一些。

我一直在寻找锚点的 CSS 是“良性的”并且只是融入现有的 CSS。这是我的经历：

 a.nostyle:link {
    text-decoration: inherit;
    color: inherit;
    cursor: auto;
}

a.nostyle:visited {
    text-decoration: inherit;
    color: inherit;
    cursor: auto;
}

然后我只是将 CSS nostyle 类添加到我想要取消格式化的锚点。

原文由 Jeff Fischer 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

我通过创建一个类 .reset-a 并针对它的所有伪类来实现这一点。

定位所有伪类对于使其完美无缺很重要。

outline: 0 属性在焦点或活动时删除链接周围的虚线边框。

 .reset-a, .reset-a:hover, .reset-a:visited, .reset-a:focus, .reset-a:active  {
  text-decoration: none;
  color: inherit;
  outline: 0;
  cursor: auto;
}

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