Feature · First in the circle

The First-Born Selector

We meet :first-child and see how it crowns the first element in a group.

Only one item can ever be first. Sometimes that’s all the magic we need.

Dispatch · Second in line

Even the Middle Children Matter

Banding and stripes appear when we start counting with :nth-child().

By alternating odd and even rows, we make long lists friendlier to read.

Column · Third of its kind

Of Type, Not Just of Birth

:nth-of-type() ignores the ad and finds the third story anyway.

Sometimes we count only among our own kind, and the divs in the middle don’t matter.

Closing Note

Last, But Not Forgotten

With :last-child, we can soften the landing at the end of any sequence.

Margins, borders, and flourishes don’t always have to repeat forever.