Skip to content

Commit 1052675

Browse files
TakayoshiKochifantasai
authored andcommitted
Remove >>> combinator from the css-scoping spec.
This was discussed at w3c#640
1 parent e6409b4 commit 1052675

File tree

1 file changed

+0
-51
lines changed

1 file changed

+0
-51
lines changed

css-scoping-1/Overview.bs

Lines changed: 0 additions & 51 deletions
Original file line numberDiff line numberDiff line change
@@ -396,57 +396,6 @@ Selecting Slot-Assigned Content: the ''::slotted()'' pseudo-element</h4>
396396
The only way to style assigned text nodes
397397
is by styling the <a>slot</a> and relying on inheritance.
398398

399-
<!--
400-
██ ██ ██
401-
██ ██ ██
402-
██ ██ ██
403-
██ ██ ██
404-
██ ██ ██
405-
██ ██ ██
406-
██ ██ ██
407-
-->
408-
409-
<h4 id='deep-combinator'>
410-
Selecting Through Shadows: the ''>>>'' combinator</h4>
411-
412-
When a <dfn selector id="selectordef-shadow-piercing-descendant-combinator">>>></dfn> combinator
413-
(or <dfn export>shadow-piercing descendant combinator</dfn>)
414-
is encountered in a selector,
415-
replace every element in the <a>selector match list</a>
416-
with every element reachable from the original element
417-
by traversing any number of child lists or shadow trees.
418-
419-
<div class='example'>
420-
For example, say you had a component with a <a>shadow tree</a> like the following:
421-
422-
<pre>
423-
&lt;x-foo>
424-
&lt;"shadow tree">
425-
&lt;div>
426-
&lt;span id="not-top">...&lt;/span>
427-
&lt;/div>
428-
&lt;span id="top">...&lt;/span>
429-
&lt;x-bar>
430-
&lt;"shadow tree">
431-
&lt;span id="nested">...&lt;/span>
432-
&lt;/>
433-
&lt;/x-bar>
434-
&lt;/>
435-
&lt;/x-foo>
436-
</pre>
437-
438-
For a stylesheet in the outer document,
439-
the selector ''x-foo >>> span''
440-
selects all three of <code>&lt;span></code> elements:
441-
''#top'', ''#not-top'', <em>and</em> ''#nested''.
442-
</div>
443-
444-
The <a>shadow-piercing descendant combinator</a> is part of the <a>static profile</a> of Selectors,
445-
not the <a>dynamic profile</a>.
446-
This means that it is usable in,
447-
for example, the {{querySelector()}} method,
448-
but is invalid when used in stylesheets.
449-
450399
<!--
451400
██████ ███ ██████ ██████ ███ ████████ ████████
452401
██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██

0 commit comments

Comments
 (0)