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

Question

我已经问过一个问题并使用jQuery 解决了自己，但我想使用CSS 解决这个问题。我使用的是纯 CSS。

这里是Answer。
@Mamun 建议我问一个新问题，所以我又问了一遍。
详情请参考问题。

从上一个问题更新

我已将 div (.class-row-notification) 动态前置 到另一个 div (.class-append-con)。
现在我想将 first 5 divs height 设置为其父级的 max-height （包括margin、padding、bottom-border 等.)。

添加前五个 div 类 (.class-row-notification)(children 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