nascondere elementi

[DUMAX]

buongiorno,
ho una lista dl di cui vorrei far visualizzare soltanto gli ultimi 3 elementi:

<div class="gallery galleryid-2547 gallery-columns-3 gallery-size-medium" id="gallery-1"><dl class="gallery-item">
   <dt class="gallery-icon landscape">
    <a href="http://localhost/amenduni/wp-content/uploads/2016/01/1.jpg"><img width="300" height="200" sizes="(max-width: 300px) 100vw, 300px" srcset="http://localhost/amenduni/wp-content/uploads/2016/01/1-300x200.jpg 300w, http://localhost/amenduni/wp-content/uploads/2016/01/1.jpg 767w" alt="1" class="attachment-medium size-medium" src="http://localhost/amenduni/wp-content/uploads/2016/01/1-300x200.jpg"></a>
   </dt></dl><dl class="gallery-item">
   <dt class="gallery-icon landscape">
    <a href="http://localhost/amenduni/wp-content/uploads/2016/01/2.jpg"><img width="300" height="200" sizes="(max-width: 300px) 100vw, 300px" srcset="http://localhost/amenduni/wp-content/uploads/2016/01/2-300x200.jpg 300w, http://localhost/amenduni/wp-content/uploads/2016/01/2.jpg 767w" alt="2" class="attachment-medium size-medium" src="http://localhost/amenduni/wp-content/uploads/2016/01/2-300x200.jpg"></a>
   </dt></dl><dl class="gallery-item">
   <dt class="gallery-icon landscape">
    <a href="http://localhost/amenduni/wp-content/uploads/2016/01/3.jpg"><img width="300" height="200" sizes="(max-width: 300px) 100vw, 300px" srcset="http://localhost/amenduni/wp-content/uploads/2016/01/3-300x200.jpg 300w, http://localhost/amenduni/wp-content/uploads/2016/01/3.jpg 767w" alt="3" class="attachment-medium size-medium" src="http://localhost/amenduni/wp-content/uploads/2016/01/3-300x200.jpg"></a>
   </dt></dl><br style="clear: both"><dl class="gallery-item">
   <dt class="gallery-icon landscape">
    <a href="http://localhost/amenduni/wp-content/uploads/2016/01/4.jpg"><img width="300" height="200" sizes="(max-width: 300px) 100vw, 300px" srcset="http://localhost/amenduni/wp-content/uploads/2016/01/4-300x200.jpg 300w, http://localhost/amenduni/wp-content/uploads/2016/01/4.jpg 767w" alt="4" class="attachment-medium size-medium" src="http://localhost/amenduni/wp-content/uploads/2016/01/4-300x200.jpg"></a>
   </dt></dl><dl class="gallery-item">
   <dt class="gallery-icon landscape">
    <a href="http://localhost/amenduni/wp-content/uploads/2016/01/5.jpg"><img width="300" height="200" sizes="(max-width: 300px) 100vw, 300px" srcset="http://localhost/amenduni/wp-content/uploads/2016/01/5-300x200.jpg 300w, http://localhost/amenduni/wp-content/uploads/2016/01/5.jpg 767w" alt="5" class="attachment-medium size-medium" src="http://localhost/amenduni/wp-content/uploads/2016/01/5-300x200.jpg"></a>
   </dt></dl><dl class="gallery-item">
   <dt class="gallery-icon landscape">
    <a href="http://localhost/amenduni/wp-content/uploads/2016/01/6.jpg"><img width="300" height="200" sizes="(max-width: 300px) 100vw, 300px" srcset="http://localhost/amenduni/wp-content/uploads/2016/01/6-300x200.jpg 300w, http://localhost/amenduni/wp-content/uploads/2016/01/6.jpg 767w" alt="6" class="attachment-medium size-medium" src="http://localhost/amenduni/wp-content/uploads/2016/01/6-300x200.jpg"></a>
   </dt></dl><br style="clear: both"><dl class="gallery-item">
   <dt class="gallery-icon landscape">
    <a href="http://localhost/amenduni/wp-content/uploads/2016/01/7.jpg"><img width="300" height="200" sizes="(max-width: 300px) 100vw, 300px" srcset="http://localhost/amenduni/wp-content/uploads/2016/01/7-300x200.jpg 300w, http://localhost/amenduni/wp-content/uploads/2016/01/7.jpg 767w" alt="7" class="attachment-medium size-medium" src="http://localhost/amenduni/wp-content/uploads/2016/01/7-300x200.jpg"></a>
   </dt></dl><dl class="gallery-item">
   <dt class="gallery-icon landscape">
    <a href="http://localhost/amenduni/wp-content/uploads/2016/01/8.jpg"><img width="300" height="200" sizes="(max-width: 300px) 100vw, 300px" srcset="http://localhost/amenduni/wp-content/uploads/2016/01/8-300x200.jpg 300w, http://localhost/amenduni/wp-content/uploads/2016/01/8.jpg 767w" alt="8" class="attachment-medium size-medium" src="http://localhost/amenduni/wp-content/uploads/2016/01/8-300x200.jpg"></a>
   </dt></dl><dl class="gallery-item">
   <dt class="gallery-icon landscape">
    <a href="http://localhost/amenduni/wp-content/uploads/2016/01/9.jpg"><img width="300" height="200" sizes="(max-width: 300px) 100vw, 300px" srcset="http://localhost/amenduni/wp-content/uploads/2016/01/9-300x200.jpg 300w, http://localhost/amenduni/wp-content/uploads/2016/01/9.jpg 767w" alt="9" class="attachment-medium size-medium" src="http://localhost/amenduni/wp-content/uploads/2016/01/9-300x200.jpg"></a>
   </dt></dl><br style="clear: both">
  </div>

ho provato così ma non funziona:

#gallery-1 { display: none;}
#gallery-1 > br { display: none !important;}
dl:nth-last-child(+1), dl:nth-last-child(+2), dl:nth-last-child(+3), dl:nth-last-child(+4) {
    display: block !important;
}

Questa è una galleria in cui le foto aumenteranno sempre.
Il mio obbiettivo, in questa pagina, è far visualizzare solo le ultime 3 foto inserite nascondendo tutte le altre.
sapete come posso risolvere con css?

grazie.

[KillerWorm]

Ciao, non puoi dare display:none all'intero contenitore perché questo stato ricade in modo irreversibile su tutti gli elementi figli. Dovrai invece darlo ai singoli figli e poi sovrascrivere tale proprietà solo su quelli interessati per renderli nuovamente visibili.

Prova una cosa del genere:

#gallery-1 > dl, #gallery-1 > br { display: none; }
#gallery-1 > dl:nth-last-child(-n+4) { display: block; }

[DUMAX]

Capito!
grazie del consiglio