Question

我是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“意外抽奖”。是否可以创建指向类项的超链接？

Answer 1

<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>

当您需要链接到它时：

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

当您需要在CSS中定位时（单击链接时，向下滚动到标题）：

#unexpected-draw:target

或

h2:target

（这通常用于突出显示或强调标题）

:target CSS selector

在创建超链接时，我必须引用带有id的项吗？

1 个答案: