Html 是否可以在第一个和最后一个元素上放置圆角？ 这里的东西 这里有更多的东西 这里有更多的东西

我想把顶部圆角放在第一个“阶段”，底部圆角放在最后一个“阶段”。CSS是否可以这样做？

使用此选择器：

<div id='stages'>
    <div class="stage">
    stuff here
    </div>
    <div class="stage">
    more stuff here
    </div>
    <div class="stage">
    more stuff here
    </div>
</div>

---

使用

.stage:first child

和

分别设置第一个和最后一个元素的样式。stage:last child

。stage:first child、.stages:last child{border radius:25%；}

.stage:first-child
.stage:last-child