・セレクタには、「:target」を使用する。
実装方法
・以下のHTMLとCSSがサンプル。
・このページにアクセスして確認する際には「～URL～#box1」というようにアクセスする。
-- HTML --
<div class="box" id="box1"></div>
<div class="box" id="box2"></div>
-- CSS --
/* URLの#○○で指定された要素。○○にはidを指定 */
.box:target{
background-color: red;
}
/* ○○で指定された要素以外 */
.box:not(:target){
background-color: blue;
}
参考
https://qiita.com/kkyouhei/items/4e44c2415309ff730954