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
<li><ahref=#host-element><spanclass=secno>3.1</span> Host Elements in a Shadow Tree</a></ul>
117
117
<li><ahref=#cascading><spanclass=secno>4</span> Changes to the Cascading Model</a>
118
118
<ulclass=toc>
119
-
<li><ahref=#inheritance0><spanclass=secno>4.1</span> Inheritance and Shadow DOM</a></ul>
120
-
<li><ahref=#inheritance><spanclass=secno>5</span> Shadow DOM Combinators</a>
121
-
<li><ahref=#selectors><spanclass=secno>6</span> Shadow DOM Selectors</a>
119
+
<li><ahref=#inheritance><spanclass=secno>4.1</span> Inheritance and Shadow DOM</a></ul>
120
+
<li><ahref=#selectors><spanclass=secno>5</span> Shadow DOM Selectors</a>
122
121
<ulclass=toc>
123
-
<li><ahref=#host-selector><spanclass=secno>6.1</span> Selecting the Host Element: the <spanclass=cssdata-link-type=maybetitle=:host>:host</span> and <spanclass=cssdata-link-type=maybetitle=:host()>:host()</span> pseudo-classes</a>
124
-
<li><ahref=#ancestor-selector><spanclass=secno>6.2</span> Selecting Based on an Ancestor Outside the Shadow Tree: the <spanclass=cssdata-link-type=maybetitle=:host-context()>:host-context()</span> pseudo-class</a>
125
-
<li><ahref=#shadow-pseudoelement><spanclass=secno>6.3</span> Selecting the Shadow Root Itself: the <spanclass=cssdata-link-type=maybetitle=::shadow>::shadow</span> pseudo-element</a>
126
-
<li><ahref=#content-combinator><spanclass=secno>6.4</span> Selecting Distributed Elements: the <spanclass=cssdata-link-type=maybetitle=::content>::content</span> pseudo-element</a>
127
-
<li><ahref=#deep-combinator><spanclass=secno>6.5</span> Selecting Through All Shadows: the <spanclass=cssdata-link-type=maybetitle=/deep/>/deep/</span> combinator</a></ul>
122
+
<li><ahref=#host-selector><spanclass=secno>5.1</span> Selecting the Host Element: the <spanclass=cssdata-link-type=maybetitle=:host>:host</span> and <spanclass=cssdata-link-type=maybetitle=:host()>:host()</span> pseudo-classes</a>
123
+
<li><ahref=#ancestor-selector><spanclass=secno>5.2</span> Selecting Based on an Ancestor Outside the Shadow Tree: the <spanclass=cssdata-link-type=maybetitle=:host-context()>:host-context()</span> pseudo-class</a>
124
+
<li><ahref=#shadow-pseudoelement><spanclass=secno>5.3</span> Selecting the Shadow Root Itself: the <spanclass=cssdata-link-type=maybetitle=::shadow>::shadow</span> pseudo-element</a>
125
+
<li><ahref=#content-combinator><spanclass=secno>5.4</span> Selecting Distributed Elements: the <spanclass=cssdata-link-type=maybetitle=::content>::content</span> pseudo-element</a>
126
+
<li><ahref=#deep-combinator><spanclass=secno>5.5</span> Selecting Through All Shadows: the <spanclass=cssdata-link-type=maybetitle=/deep/>/deep/</span> combinator</a></ul>
Inheritance and Shadow DOM</span><aclass=self-linkhref=#inheritance></a></h3>
300
299
301
300
<p> The <adata-link-type=dfnhref=#top-level-elementtitle="top-level elements">top-level elements</a> of a <adata-link-type=dfnhref=#shadow-treetitle="shadow tree">shadow tree</a>
302
301
inherit from their <adata-link-type=dfnhref=#host-element0title="host element">host element</a>.
Shadow DOM Combinators</span><aclass=self-linkhref=#inheritance></a></h2>
312
-
313
-
<p> Shadow DOM defines several new combinators
314
-
to help style the contents of <adata-link-type=dfnhref=#shadow-treetitle="shadow trees">shadow trees</a> and <adata-link-type=dfnhref=#distribution-listtitle="distribution lists">distribution lists</a>.
Selecting the Host Element: the <aclass=cssdata-link-type=maybehref=#selectordef-host0title=:host>:host</a> and <aclass=cssdata-link-type=maybehref=#selectordef-hosttitle=:host()>:host()</a> pseudo-classes</span><aclass=self-linkhref=#host-selector></a></h3>
327
315
328
316
<p> The <dfnclass=css-codedata-dfn-type=selectordata-export="" id=selectordef-host0>:host<aclass=self-linkhref=#selectordef-host0></a></dfn> pseudo-class,
Selecting Based on an Ancestor Outside the Shadow Tree: the <aclass=cssdata-link-type=maybehref=#selectordef-host-contexttitle=:host-context()>:host-context()</a> pseudo-class</span><aclass=self-linkhref=#ancestor-selector></a></h3>
368
356
369
357
<p> Ordinary, selectors within a <adata-link-type=dfnhref=#shadow-treetitle="shadow tree">shadow tree</a>
Selecting the Shadow Root Itself: the <aclass=cssdata-link-type=maybehref=#selectordef-shadowtitle=::shadow>::shadow</a> pseudo-element</span><aclass=self-linkhref=#shadow-pseudoelement></a></h3>
403
391
404
392
<p> If an element has at least one <adata-link-type=dfnhref=#shadow-treetitle="shadow tree">shadow tree</a>,
Selecting Through All Shadows: the <aclass=cssdata-link-type=maybehref=#selectordef-deeptitle=/deep/>/deep/</a> combinator</span><aclass=self-linkhref=#deep-combinator></a></h3>
501
489
502
490
<p> When a <dfnclass=css-codedata-dfn-type=selectordata-export="" id=selectordef-deep>/deep/<aclass=self-linkhref=#selectordef-deep></a></dfn> combinator is encountered in a selector,
0 commit comments