如何仅在最后一个框上设置border-radius？

Question

我有一个＆＃34;容器＆＃34;左下角和右下角border-radius 5px。在容器内是堆叠的盒子或div。所有div都是相同的大小，它们会填满整个容器。

但是，最后一个div看起来与最后border-radius的{​​{1}}发生冲突。如何更改它以使底部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选择器。您可以为容器中的最后一个div指定border-radius。