Web platform features explorer - :nth-child() of <selector>

Web platform features explorer

Tags: css Groups: CSS > Selectors

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.

Learn more

Specifications

Selectors Level 4 (#the-nth-child-pseudo), from Cascading Style Sheets (CSS) Working Group (W3C).
Selectors Level 4 (#the-nth-last-child-pseudo), from Cascading Style Sheets (CSS) Working Group (W3C).

Browser support (view on caniuse.com)

Chrome 111 Released on 2023-03-07
Chrome Android 111 Released on 2023-03-07
Edge 111 Released on 2023-03-13
Firefox 113 Released on 2023-05-09
Firefox for Android 113 Released on 2023-05-09
Safari 9 Released on 2015-09-30
Safari on iOS 9 Released on 2015-09-16

Developer signals

State of CSS 2025: reading_list/reading_list question
State of CSS 2025: features/all_features question
State of CSS 2024: reading_list/reading_list question
State of CSS 2024: features/all_features question

Usage (according to Chrome Platform Status)

~6.978% of page loads. More data at chromestatus.

Interop

Included in Interop 2023

Web Platform Tests (WPT)

View the latest WPT test results for this feature

View as JSON | Edit this feature | Report an issue | Web-features entry: source, dist