: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.
Syntax
/* Usage 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.
1+
3.5+
3.1+
12+
Your first month is free
Managed WordPress hosting for faster sites.
Learn more