:first-child
A pseudo-class that targets an element only if it is the very first child of its parent.
Syntax
/* Usage Example */
li:first-child {
/* Highlights the first item in every list */
font-weight: bold;
color: #3b82f6;
}:first-child 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.
4+
3+
3.1+
12+
Your first month is free
Managed WordPress hosting for faster sites.
Learn more