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.
# 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.
# 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
For future browser support information, also check out caniuse.com (Descendant combination).
Please wait a moment, the comments start loading now...