JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    <div class="foo">
      <input type="text" name="bar" value="" />
      <a href="javascript:void(0)">foobar 1</a>
    </div>
    <div class="foo">
      <input type="text" name="bar" value="" />
      <a href="javascript:void(0)">foobar 2</a>
    </div>
    <div class="foo">
      <input type="text" name="bar" value="" />
      <a href="javascript:void(0)">foobar 3</a>
    </div>
</div>

CSS

.foo:first-child a {
   display:none;
}