E >> F

Descendant Combinator

The descendant combinator (E >> F) is essentially the same thing as E F. It's just more straightforward and makes the code clearer.

Browser Support (tested using latest versions)

Desktop
Google Chrome
No
Mozilla Firefox
No
Safari
No
Opera Browser
No
Internet Explorer
No
Mobile
Android Browser
No
Chrome for Android
No
Mozilla Firefox Mobile
No
Safari iOS
No
Opera Mobile
No
IE Mobile
No

Syntax

E >> F { /* Style properties */ }

Example

/* In this example, all span elements that are a child of a p element will be red. */

p >> span {
color: red;
}

Information is based on Selectors Level 4 - W3C Editor's Draft (last updated on May 24, 2016)
Copyright © 2015 W3C® (MIT, ERCIM, Keio, Beihang), All Rights Reserved. W3C liability, trademark and document use rules apply.