CSS Selector Level 4 » Descendant combination

This selector is deprecated now and is no longer considered to make it into the final CSS level draft. This page is kept temporary as archive reference.

The descendant combination selector selects every element with the type of e.g. F which has as parent an element with the element type of E through >> between both elements to have a visible, non-whitespace descendant selector form.

CSS1 introduced this selector through whitespace: descendant combination selector.

Syntax

Copy
E >> F {
    /* declarations */
}

Example

Copy
div >> span {
    background-color: green;
    color: white;
}

This example will add a green background-color with a white color to every <span> which has a <div> as parent.

Try example in CodePen

Browser support

Platform Chrome Firefox Safari Edge Internet Explorer Opera
Desktop No No Yes (11) No No No
Mobile No No No No No No

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