:nth-of-type()
Targets elements based on their position among siblings of the same type. For example, it can target 'the second image' even if there are paragraphs in between.
Quick example
img:nth-of-type(2) {
/* Targets the second image in a gallery box */
border: 4px solid gold;
}:nth-of-type() Browser Support
Widely available Since 2015 96% global usage
This feature is well established and works across many devices and browser versions. It has been available across browsers since 2015.
Safe to use without fallbacks.
1+
3.5+
3.1+
12+