:only-child
Targets an element that is the ONLY child of its parent. If there are any other elements (even of a different type), it won't match.
Syntax
/* Usage Example */
li:only-child {
/* Styles a list item specially if it';s the only one in the list */
list-style: none;
padding: 20px;
}:only-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.
2+
1.5+
3.1+
12+
Your first month is free
Managed WordPress hosting for faster sites.
Learn more