如何使用CSS将前N个子高度设置为其父最大高度？

Question

我已经提出问题并使用jQuery解决了问题，但我希望使用CSS来解决这个问题。我使用普通的CSS。

这是Answer @Mamun建议我问一个新问题，所以我又问过了。
有关详细信息，请参阅问题。

从上一个问题更新

我已动态预先 div（ .class-row-notification ）到另一个div（ .class-append-con ）。
现在我想将前5 div 高度设置为其父 max-height （包括margin， padding，bottom-border等）。

添加前五个div类（ .class-row-notification ）（儿童div ）== max-height 类（ .class-append-con ）（父div ）

怎么做？如果通过CSS，它应该是跨浏览器。

Updated jsFiddle

谢谢。

Answer 1

我在这里尝试了一些东西，我认为这就是你的意思

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

Here is the example you wanted