HTML tutti tranne ultimo elemento

Question

sto Tring per nascondere tutte le elemnts all'interno di un div, tranne l'ultimo, ecco il mio codice html:

<div id="TOPsession"> 
    <a id="link1" href="exc.txt"> 
     <img src="imagens/header/exc.png" align="center"> 
      <label id="label1">Label</label> 
    </a> 

    <a href="#" id="session">Session</a> 
    <label id="lbar" style="color: #666;">|</label> 
    <select id="sel"> 
     <option>German</option> 
     <option>Ingles</option> 
    </select> 
</div> 

Ho cercato su web e ho trovato questo codice CSS per nascondere tutti tranne l'ultimo elemento:

#TOPsession:not(:last-child){ 
     visibility: hidden; 
    } 

Ma questa nascondere tutti gli elementi, qualcuno sa che cosa sto facendo di sbagliato? Grazie per l'aiuto.

Answer 1

È possibile utilizzare #TOPsession > *:not(:last-child), questo selezionerà tutti i figli diretti di TOPsession tranne :last-child.

---

Se non si utilizza > sarà anche cancellare tutti gli elementi all'interno ultimo elemento ad eccezione dell'ultimo elemento all'interno ultimo elemento DEMO

#TOPsession > *:not(:last-child) { 
 
    visibility: hidden; 
 
}

<div id="TOPsession"> 
 
    <a id="link1" href="exc.txt"> 
 
    <img src="imagens/header/exc.png" align="center"> 
 
    <label id="label1">Label</label> 
 
    </a> 
 

 
    <a href="#" id="session">Session</a> 
 
    <label id="lbar" style="color: #666;">|</label> 
 
    <select id="sel"> 
 
    <option>German</option> 
 
    <option>Ingles</option> 
 
    </select> 
 
</div>