JSFiddle - React, Tailwind, and code Playground

HTML

<html>
    <head>
    </head>
    <body>
        <div>
          <p class="visible">This should be hidden</p>
          <p class="visible">This should be displayed</p>
          <p class="">This should be hidden</p>
        </div>
    </body>
</html>

CSS

p{
    display : none;
  }
  p.visible:last-of-type {
    display : block;
  }