Come impostare la prima altezza di N bambini alla sua altezza massima genitore usando CSS?

Ho già fatto una domanda e mi sono risolto usando jQuery , ma voglio risolvere questo usando CSS Sto usando un semplice CSS.

Ecco la risposta .
@Mamun mi ha suggerito di fare una nuova domanda, quindi l’ho chiesto di nuovo.
Per i dettagli, fai riferimento alla domanda.

Aggiornamento dalla domanda precedente

Ho din dynamicmente divs ( .class-row-notification ) ad un altro div ( .class-append-con ).
Ora voglio impostare la prima altezza di 5 div all’altezza max-height del genitore (compresi margin , padding , bottom-border ecc.).

Aggiunta della prima class di cinque div ( .class-row-notification ) ( children div ) == max-height della class ( .class-append-con ) ( parent div )

Come farlo? Se attraverso i CSS, dovrebbe essere cross-browser.

Aggiornato jsFiddle

Grazie.

Ho provato qualcosa qui e penso che questo sia ciò che intendi

 .class-append-con :nth-child(-n+5) { height: 100%; } 

Ecco l’esempio che volevi