CSS :only-of-type Pseudo-class

Definition and Usage

CSS :only-of-type The pseudo-class matches any element that is the only child of its parent element of the same type.

Example

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

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

Try It Yourself

CSS Syntax

:only-of-type {
  css declarations;
}

Technical Details

Browser Support

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