You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
<p> When a <dfnclass=css-codedata-dfn-type=selectordata-export="" id=selectordef-shadow>/shadow<aclass=self-linkhref=#selectordef-shadow></a></dfn> combinator is encountered in a selector,
272
272
first filter the <adata-link-type=dfnhref=http://dev.w3.org/csswg/selectors-4/#selector-match-listtitle="selector match list">selector match list</a> to only include elements with <adata-link-type=dfnhref=#shadow-treetitle="shadow trees">shadow trees</a>.
273
273
Then replace every element in the <adata-link-type=dfnhref=http://dev.w3.org/csswg/selectors-4/#selector-match-listtitle="selector match list">selector match list</a>
274
-
with the <adata-link-type=dfnhref=#host-element0title="host element">host element</a> and <adata-link-type=dfnhref=#top-level-elementtitle="top-level elements">top-level elements</a> of each <adata-link-type=dfnhref=#shadow-treetitle="shadow tree">shadow tree</a> of the element.
274
+
with the <adata-link-type=dfnhref=#top-level-elementtitle="top-level elements">top-level elements</a> of each <adata-link-type=dfnhref=#shadow-treetitle="shadow tree">shadow tree</a> of the element.
275
275
276
276
<divclass=example>
277
277
For example, say you had a component with a <adata-link-type=dfnhref=#shadow-treetitle="shadow tree">shadow tree</a> like the following:
<p> When a <dfnclass=css-codedata-dfn-type=selectordata-export="" id=selectordef-shadow-all>/shadow-all<aclass=self-linkhref=#selectordef-shadow-all></a></dfn> combinator is encountered in a selector,
301
301
first filter the <adata-link-type=dfnhref=http://dev.w3.org/csswg/selectors-4/#selector-match-listtitle="selector match list">selector match list</a> to only include elements with <adata-link-type=dfnhref=#shadow-treetitle="shadow trees">shadow trees</a>.
302
302
Then replace every element in the <adata-link-type=dfnhref=http://dev.w3.org/csswg/selectors-4/#selector-match-listtitle="selector match list">selector match list</a>
303
-
with all the elements in all the <adata-link-type=dfnhref=#shadow-treetitle="shadow trees">shadow trees</a> of the element.
303
+
with the <adata-link-type=dfnhref=#top-level-elementtitle="top-level elements">top-level elements</a> of each <adata-link-type=dfnhref=#shadow-treetitle="shadow tree">shadow tree</a> of the element,
304
+
and every element reachable by traversing any number of child lists
305
+
from those elements.
304
306
305
307
<divclass=example>
306
308
For example, say you had a component with a <adata-link-type=dfnhref=#shadow-treetitle="shadow tree">shadow tree</a> like the following:
0 commit comments