:nth-of-type() pseudo-classes

The :nth-of-type() and :nth-last-of-type() CSS functional pseudo-classes match elements based on their position among siblings of the same type. The :first-of-type, :last-of-type, and :only-of-type pseudo-classes match the first, last, and only elements of its type.

Baseline Status: Achieved Widely Available on Jan 29, 2018 (Cross-browser Newly Available since Jul 29, 2015).

Desktop Browser Engine Support

Google Chrome

4

Supported

Mozilla Firefox

3.5

Supported

Apple Safari

3.1

Supported

Microsoft Edge

12

Supported

Mobile Browser Engine Support

Chrome Android

18

Firefox Android

4

Safari iOS

2

Specifications and References

Specification ↗ Feature XML ↗

MDN Browser Compat Data Keys:

css.selectors.first-of-type ↗ css.selectors.last-of-type ↗ css.selectors.nth-last-of-type ↗ css.selectors.nth-of-type ↗ css.selectors.only-of-type ↗