:first-child
A pseudo-class that targets an element only if it is the very first child of its parent.
Quick 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.
Safe to use without fallbacks.
4+
3+
3.1+
12+