html - 设置标题 anchor 时如何防止标题标签继承超链接样式

Question

如果这是一个新手问题，我们深表歉意。我的部分工作是使用 Google 网站将传统的 Word 文档转换为在线网络文档。

我要迁移的文档通常有目录页、章节和小节等。

在 HTML 中，我想要一个内容页面，它提供指向各个文档部分和标题的可点击链接 - 我正在使用 HTML anchor 来实现这一点。

问题:我不希望被链接的文本继承随后的超链接样式。例如:

<div>
<h1>Contents page:</h1>
<p><a href="#heading">Section 1: Introduction</a><p>
</div>

<section>
<h1><a name="heading">Section1: Introduction</a></h1>

<p>Lorem ipsum dolor sit amet consectetur adipiscing elit dignissim lectus eu risus tortor facilisi class, eleifend faucibus morbi pretium bibendum lobortis tellus hendrerit sociis litora etiam aliquet pharetra.</p>

</section>

现在标题标签由于属性而显示为超链接，这是我不想要的。相反，我希望它保留其默认标题样式，而无需定义任何覆盖样式或类似的样式。

我在某处读到过关于“all:initial”的内容，但我不知道它是否适用于 HTML5/CSS3。

我想知道这是仅与 Google 网站有关还是..？

有没有办法做到这一点？谢谢

Answer 1

<h1><a name="heading">Section1: Introduction</a></h1>

你不需要使用 <a name="heading">在页面中创建一个 anchor 目标——每个具有 id 的元素也可以成为这种哈希 anchor 链接的目标。

所以只需使用 <h1 id="heading">Section1: Introduction</h1>相反，不会应用任何链接样式。