Sometimes, we want to use a CSS selector for the first direct child only.
In this article, we’ll look at how to use a CSS selector for the first direct child only.
How to use a CSS selector for the first direct child only?
To use a CSS selector for the first direct child only, we use the >
operator.
For instance, we write
div.section > div:first-child {
//...
}
to select the first direct child div of the div with class section
with >
and first-child
.
Conclusion
To use a CSS selector for the first direct child only, we use the >
operator.