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

2014年6月10日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>

<div id="cftA">リンクをクリックし、移動先A</div>

<div id="cftB">リンクをクリックし、移動先B</div>

</body>

<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

関連投稿: