Is it possible to put rounded corners on the first and last elements?

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>

I want to put top-rounded corners on the first "stage", and bottom-rounded corners on the last "stage". Is this possible with CSS?

Use `.stage:first-child` and `.stage:last-child` for styling first and last elements respectively. — Vivek Jain, Jul 11 '14 at 08:20
.stages:first-child,.stages:last-child{ border-radius:25%; } — user3218194, Jul 11 '14 at 13:04

dhalfageme · Answer 1 · 2014-07-11T08:21:57.633

-2

Use this selectors:

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

edited Jul 11 '14 at 08:21

answered Jul 11 '14 at 08:18

dhalfageme

1,444
4
21
42

Is it possible to put rounded corners on the first and last elements?

1 Answers1