: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.

Quick 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.

Safe to use without fallbacks.

2+
1.5+
3.1+
12+
ESC