ハイパーリンクの作成中にidを持つ項目を参照する必要がありますか？

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> 

私はいくつかのスタイルを持っているすべての "titleheaders" をしたいです。しかし同時に、ハイパーリンクをh2 "予期せぬドロー"に置きたい。クラスアイテムへのハイパーリンクを作成することは可能ですか？

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

あなたはCSSでそれをターゲットにする必要があります（リンクがクリックされたときには、ヘッダにダウンあなたをスクロール）：

#unexpected-draw:target 

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> 

あなたがそれにリンクする必要があります

（これは頻繁に使用され

または

h2:target 

ハイライトまたはそうでなければすることは）

---

:target CSS selector