CSS Selector Level 2 » Child combination

This child combination selector will match child elements which are direct children of the first selector.

Syntax

Copy
E > F {
    /* declarations */
}

Example

Copy
div > span {
    color: red;
}

The first inner <span> inside the <div> will be red because its a direct child, the inner inner <span> will not be matched.

Try example in CodePen

Browser support

Platform Chrome Firefox Safari Edge Internet Explorer Opera
Desktop Yes (1.0) Yes (1.0) Yes (1.3) Yes (12.0) Yes (7.0) Yes (9.2)

Please wait a moment, the comments start loading now...
explorermozillachromesafariopera