「CSS」:targetで移動先の要素にCSSを適用する

書式
セレクタ名:target{
}
#名称のリンクをクリックすると移動先の要素にCSSを適用します。
使用例

<style>
  #cftA:target {
    font-size: 25px;
    background-color: green;
  }
  #cftB:target {
    font-size: 25px;
    background-color: SkyBlue;
  }
</style>
<body>
  <p><a href="#cftA">東京について</a></p>
  <p><a href="#cftB">大阪について</a></p>
  <div id="cftA">東京都区部は、東京都の23の特別区</div>
  <div id="cftB">大阪市は本州にある広大な港湾都市</div>
</body>

結果
「東京について」リンクをクリックするとdivのcftAリンク先に遷移します。

CSS

Posted by arkgame