first:child:not(.class) selector

[jimbo0]

Ho una lista di div con bordi:

<div class="container">
<div class="item hide">1</div>
<div class="item hide">2</div>
<div class="item">3</div>
<div class="item">4</div>
</div>

Questo è il css:

.item {border:1px solid #000}
.hide{display:none}
.container div:not(.hide):first-child {border:none}

alcuni .item sono nascosti dinamicamente. Vorrei eliminare il bordo al primo item visibile, qualunque esso sia. La terza riga di css non funge così com'è