[CSS入門]:targetで移動先の要素を適用するサンプル

2021年7月19日

書式
セレクタ:target {
//some code
}
使用例

<style>
  #cftA:target {
    font-size: 18px;
    background-color: Yellow;
  }
  #cftB:target {
    font-size: 18px;
    background-color: LightSkyBlue;
  }
</style>
<body>
  <p><a href="#cftA">test 11A リンクA</a></p>
  <p><a href="#cftB">test 22B リンクB</a></p>
  <div id="cftA">リンクをクリックし、移動先A</div>
  <div id="cftB">リンクをクリックし、移動先B</div>
</body>

 

CSS

Posted by arkgame