How To Set First N Children Height To Its Parent Max-height Using CSS?

I have already asked a question and solved myself using jQuery, but I want to solve this using CSS.I'm using plain CSS. Here is Answer. @Mamun suggested me to ask a new question, s

Solution 1:

I tried somthing here and i think this is what you mean

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

Here is the example you wanted