CSS3: ページ内リンクの飛び先にスタイルを適用できるE:target 擬似セレクタ

ページ内リンクで、飛んだあとのスタイルを指定することができます。つまりリンクをクリックする前と後で表示を変更できます。

CSS

:target {
  color: red;
}

HTML

<ul>
<li><a href="#sample">ページ内リンク</a></li>
</ul>

・
・
・

<h2 id="sample">リンク先</h4>
<p>テキスト</p>

この場合、何もしてない状態と、「ページ内リンク」をクリックした後では「リンク先」のテキスト色が赤く変わります。

参考:ターゲット擬似クラス (E:target)

AWSを利用した導入事例のご紹介

実際に構築を行ったAWSの事例を紹介しています。導入の目的に近い事例をご覧いただくと、実際の構成例やメリット、注意点などが把握できます。

ブックオフコーポレーション株式会社様
第一生命保険株式会社様
株式会社電通様
株式会社LIFULL様
株式会社リブセンス様
TBSアナウンス部様
明治大学様
拓殖大学様