CSS3 :only-child Selector


Example

Specify a background color for every <p> element that is the only child of its parent:

p:only-child {
    background: #ff0000;
}

Try it yourself »

Definition and Usage

The :only-child selector matches every element that is the only child of its parent.

Version: CSS3


Browser Support

The numbers in the table specifies the first browser version that fully supports the selector.

Selector
:only-child 4.0 9.0 3.5 3.2 9.6


CSS Syntax

:only-child {
    css declarations;
} Demo



Color Picker

colorpicker