JSFiddle - React, Tailwind, and code Playground

HTML

<div class="comments">
  <h2>Feed</h2>
  <div class="comment" id="comment-1">
    <p>
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus consectetur lectus a metus sollicitudin, vitae imperdiet erat commodo. Maecenas lorem lorem, tristique a tempus nec, rutrum vitae ante. In in euismod metus, vel tincidunt purus.
    </p>
    <p><a href="#comment-1">Share</a></p>
  </div>
  
    <div class="comment" id="comment-2">
    <p>
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus consectetur lectus a metus sollicitudin, vitae imperdiet erat commodo. Maecenas lorem lorem, tristique a tempus nec, rutrum vitae ante. In in euismod metus, vel tincidunt purus.
    </p>
    <p><a href="#comment-2">Share</a></p>
  </div>
  
    <div class="comment" id="comment-3">
    <p>
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus consectetur lectus a metus sollicitudin, vitae imperdiet erat commodo. Maecenas lorem lorem, tristique a tempus nec, rutrum vitae ante. In in euismod metus, vel tincidunt purus.
    </p>
    <p><a href="#comment-3">Share</a></p>
  </div>
  
    <div class="comment" id="comment-4">
    <p>
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus consectetur lectus a metus sollicitudin, vitae imperdiet erat commodo. Maecenas lorem lorem, tristique a tempus nec, rutrum vitae ante. In in euismod metus, vel tincidunt purus.
    </p>
    <p><a href="#comment-4">Share</a></p>
  </div>
</div>

CSS

.comment {
  border: 1px dotted gray;
  margin: 5px 0;
}

.comment:target {
  background-color: lightyellow;
}

.comment:target ~ .comment {
  background-color: lightgreen;
}