Html 创建超链接时必须引用id为的项目吗？

我是HTML/CSS新手，我想知道是否可以创建类似于多级超链接的东西。 例如，我有：

<section id="Sport">
    <article id="game1">
        <h2 class="titleheader">WHAT A GAME!</h2>
    </article>
    <article id="game2">
        <h2 class="titleheader">UNEXPECTED DRAW!</h2>
    </article>
</section>

多么精彩的比赛！
意外抽签！

我想让所有的“领头人”都有一些风格。但同时，我想把超链接放在h2“意外抽签”上。是否可以创建指向类项目的超链接

<section id="Sport">
    <article id="game1">
        <h2 class="titleheader">WHAT A GAME!</h2>
    </article>
    <article id="game1">
        <h2 class="titleheader" id="unexpected-draw">UNEXPECTED DRAW!</h2>
    </article>
</section>

或

（这通常用于突出显示或以其他方式强调标题）

---

或

（这通常用于突出显示或以其他方式强调标题）

---

---

href=“#game2”

您可以在CSS alsoYes中使用

：target

选择器，但这将创建指向文章的链接。如果上面有文字，那就没有意义了。如何使用：目标选择器？我读了MDN，但完全不明白。

#game2:target

会在单击链接时将元素作为目标。你可以简单地在

h2

中添加一个

id

并使用它来代替OK，那么超链接的代码会是什么样子呢？请参阅我对问题

href=“#game2”

的回答。你可以使用CSS alsoYes中的

：target

选择器，但这将创建到文章的链接。如果上面有文字，那就没有意义了。如何使用：目标选择器？我读了MDN，但完全不明白。

#game2:target

会在单击链接时将元素作为目标。你可以简单地在

h2

中添加一个

id

，并使用它来代替OK，那么超链接的代码是什么样子的呢？请看我对问题的回答好的，只有

#未预期的绘图{}

不起作用？这个目标是什么？这是我很不明白的。这是一个。好吧，只有

#未预期的绘图{}

不起作用？这个目标是什么？这正是我不明白的。这是一个错误。

<a href="#unexpected-draw">Link text</a>

#unexpected-draw:target

h2:target