如何在最后一个框上只有边框半径？

Question

我有一个“容器”，其左下角和右下角的border-radius为5px。在容器内有堆放的盒子或div's。所有的div都是相同的大小，他们填满整个容器。

但是，最后的div看起来与最后的div的border-radius相冲突。如何更改底部div的边框半径与容器的边框半径相匹配？

注意：我不能直接进入HTML并为最后的div创建不同的类或ID，因为它们是动态生成的，它们都具有相同的属性。

Answer 1

您可以使用:last-child选择和目标bottom border radius

.container div:last-child{ 
    border-bottom-right-radius: 5px; 
    border-bottom-left-radius: 5px; 
} 

Answer 2

考虑CSS使用:last-child选择。您可以指定border-radius作为容器中的最后一个div。