:nth-child() of <selector>

The of syntax for the :nth-child() and :nth-last-child() CSS functional pseudo-classes match elements by the relative position of elements, counted from the first or last sibling matching a selector list.

Baseline Status: Achieved Widely Available on Nov 9, 2025 (Cross-browser Newly Available since May 9, 2023).

Desktop Browser Engine Support

Google Chrome

111

Supported

Mozilla Firefox

113

Supported

Apple Safari

9

Supported

Microsoft Edge

111

Supported

Mobile Browser Engine Support

Chrome Android

111

Firefox Android

113

Safari iOS

9

Specifications and References

Specification ↗ Specification ↗ Can I Use (css-nth-child-of) ↗ Feature XML ↗

MDN Browser Compat Data Keys:

css.selectors.nth-child.of_syntax ↗ css.selectors.nth-last-child.of_syntax ↗