JSFiddle - React, Tailwind, and code Playground

HTML

<a href="#link1">link 1</a>
<a href="#link2">link 2</a>
<a href="#link3">link 3</a>
<a href="#link4">link 4</a>

<p id="link1">This is a text A</p>
<p id="link2">This is a text B</p>
<p id="link3">This is a text C</p>
<p id="link4">This is a text D</p>

CSS

body {
  background: #fefefe;  
}

:target {
   background-color: #ccff66;
}