JSFiddle - React, Tailwind, and code Playground

HTML

<a id="block1" href="#block2" id="block1"></a>
<a id="block2" href="#block1" id="block2"></a>

CSS

* {
    margin: 0;
    padding: 0;
}
a {
    display: none;
    width: 100px;
    height: 100px;
    outline: none;
}
a:target {
    display: block;
    background: red;
}
#block1 {
    background: red;
}
#block2 {
    background: blue;
}
#block1:not(:target) + #block2:not(:target) {
    display: block;
}