是否可以在第一个和最后一个元素上放置圆角？

Question

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

我想在第一个＆＃34; stage＆＃34;上放置顶角，在最后一个＆＃34; stage＆＃34;上放置一个倒圆角。这有可能用CSS吗？

Answer 1

使用此选择器：

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