JSFiddle - React, Tailwind, and code Playground

HTML

<div>

<div class="child" style="visibility: hidden" >Where am I?</div>
<div class="child" style="visibility: hidden" >Where am I?</div>
    
    
</div>

CSS

div > .child:not( [style*='visibility: visible'] ):first-child {
    border-top:    1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    visibility: visible !important;
}