CSS :only-child Pseudo-class

Definition and Usage

CSS :only-child Pseudo-classes are used to select and set the styles of any element that is the only child of its parent element.

Example

Specify styles for any <p>, <li>, and <b> element that is the only child of its parent element:

p:only-child {
  background-color: red;
}
li:only-child {
  color: salmon;
}
b:only-child {
  color: green;
}

Try It Yourself

CSS Syntax

:only-child {
  css declarations;
}

Technical Details

Browser Support

The numbers in the table specify the first browser version to fully support the pseudo-class.