如何在最後一個框上只有邊框半徑？

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。