[shadow-styling] Switch from /foo to /foo/ syntax.

--HG--
extra : rebase_source : 9ddb7b955dd62bef34ada3950688aaa1f52d28c5

Author: tabatkins

shadow-styling/Overview.html

@@ -54,7 +54,7 @@
 </p>
   <h1 class="p-name no-ref" id=title>Shadow DOM Styling</h1>
   <h2 class="no-num no-toc no-ref heading settled heading" id=subtitle><span class=content>Editor’s Draft,
-    <span class=dt-updated><span class=value-title title=20140210>10 February 2014</span></span></span></h2>
+    <span class=dt-updated><span class=value-title title=20140213>13 February 2014</span></span></span></h2>
   <div data-fill-with=spec-metadata><dl><dt>This version:<dd><a class=u-url href=http://dev.w3.org/csswg/shadow-styling>http://dev.w3.org/csswg/shadow-styling</a><dt>Editor’s Draft:<dd><a href=http://dev.w3.org/csswg/shadow-styling>http://dev.w3.org/csswg/shadow-styling</a>
     <dt>Feedback:</dt>
         <dd><a href="mailto:www-style@w3.org?subject=%5Bshadow-styling%5D%20feedback">www-style@w3.org</a>
@@ -114,10 +114,10 @@ <h2 class="no-num no-toc no-ref heading settled heading" id=contents><span class
 Extensions to the Selectors Data Model</a><ul class=toc><li><a href=#host-element><span class=secno>3.1</span>
 Host Elements in a Shadow Tree</a></ul><li><a href=#inheritance><span class=secno>4</span>
 Shadow DOM Combinators</a><ul class=toc><li><a href=#shadow-combinator><span class=secno>4.1</span>
-Selecting Into A Shadow Tree: the <span class=css data-link-type=maybe title=/shadow>/shadow</span> combinator</a><li><a href=#shadow-all-combinator><span class=secno>4.2</span>
+Selecting Into A Shadow Tree: the <span class=css data-link-type=maybe title=/shadow/>/shadow/</span> combinator</a><li><a href=#shadow-all-combinator><span class=secno>4.2</span>
 Selecting All Elements In A Shadow Tree: the <span class=css data-link-type=maybe title=/shadow-all>/shadow-all</span> combinator</a><li><a href=#shadow-deep-combinator><span class=secno>4.3</span>
-Selecting Through All Shadows: the <span class=css data-link-type=maybe title=/shadow-deep>/shadow-deep</span> combinator</a><li><a href=#content-combinator><span class=secno>4.4</span>
-Selecting Distributed Elements: the <span class=css data-link-type=maybe title=/content>/content</span> combinator</a></ul><li><a href=#selectors><span class=secno>5</span>
+Selecting Through All Shadows: the <span class=css data-link-type=maybe title=/shadow-deep/>/shadow-deep/</span> combinator</a><li><a href=#content-combinator><span class=secno>4.4</span>
+Selecting Distributed Elements: the <span class=css data-link-type=maybe title=/content/>/content/</span> combinator</a></ul><li><a href=#selectors><span class=secno>5</span>
 Shadow DOM Selectors</a><ul class=toc><li><a href=#top-selector><span class=secno>5.1</span>
 Selecting Root-like Elements: the <span class=css data-link-type=maybe title=:top>:top</span> pseudo-class</a><li><a href=#host-selector><span class=secno>5.2</span>
 Selecting the Host Element: the <span class=css data-link-type=maybe title=:host>:host</span> and <span class=css data-link-type=maybe title=:host()>:host()</span> pseudo-classes</a><li><a href=#ancestor-selector><span class=secno>5.3</span>
@@ -206,7 +206,7 @@ <h2 class="heading settled heading" data-level=3 id=selectors-data-model><span c
 	which does not include the <a data-link-type=dfn href=#shadow-tree title="shadow trees">shadow trees</a> or <a data-link-type=dfn href=#distribution-list title="distribution lists">distribution lists</a> of the element.
 
 <p>	When a selector is matched against a <a data-link-type=dfn href=#shadow-tree title="shadow tree">shadow tree</a>,
-	the <a data-link-type=dfn title="initial selector match list">initial selector match list</a>
+	the <a data-link-type=dfn href=http://dev.w3.org/csswg/selectors-4/#initial-selector-match-list title="initial selector match list">initial selector match list</a>
 	is the <a data-link-type=dfn href=#shadow-host title="shadow host">shadow host</a>,
 	followed by all the <a data-link-type=dfn href=#top-level-element title="top-level elements">top-level elements</a> of the <a data-link-type=dfn href=#shadow-tree title="shadow tree">shadow tree</a>
 	and their descendants,
@@ -262,13 +262,13 @@ <h2 class="heading settled heading" data-level=4 id=inheritance><span class=secn
 <p>	Shadow DOM defines several new combinators
 	to help style the contents of <a data-link-type=dfn href=#shadow-tree title="shadow trees">shadow trees</a> and <a data-link-type=dfn href=#distribution-list title="distribution lists">distribution lists</a>.
 
-	<p class=issue id=issue-7dae9ca8><a class=self-link href=#issue-7dae9ca8></a>
-		I’m assuming here that "/foo" is the syntax we’ll agree on for named combinators.
+	<p class=issue id=issue-46cdc4d6><a class=self-link href=#issue-46cdc4d6></a>
+		I’m assuming here that "/foo/" is the syntax we’ll agree on for named combinators.
 
 <h3 class="heading settled heading" data-level=4.1 id=shadow-combinator><span class=secno>4.1 </span><span class=content>
-Selecting Into A Shadow Tree: the <a class=css data-link-type=maybe href=#selectordef-shadow title=/shadow>/shadow</a> combinator</span><a class=self-link href=#shadow-combinator></a></h3>
+Selecting Into A Shadow Tree: the <a class=css data-link-type=maybe href=#selectordef-shadow title=/shadow/>/shadow/</a> combinator</span><a class=self-link href=#shadow-combinator></a></h3>
 
-<p>	When a <dfn class=css-code data-dfn-type=selector data-export="" id=selectordef-shadow>/shadow<a class=self-link href=#selectordef-shadow></a></dfn> combinator is encountered in a selector,
+<p>	When a <dfn class=css-code data-dfn-type=selector data-export="" id=selectordef-shadow>/shadow/<a class=self-link href=#selectordef-shadow></a></dfn> combinator is encountered in a selector,
 	first filter the <a data-link-type=dfn href=http://dev.w3.org/csswg/selectors-4/#selector-match-list title="selector match list">selector match list</a> to only include elements with <a data-link-type=dfn href=#shadow-tree title="shadow trees">shadow trees</a>.
 	Then replace every element in the <a data-link-type=dfn href=http://dev.w3.org/csswg/selectors-4/#selector-match-list title="selector match list">selector match list</a>
 	with the <a data-link-type=dfn href=#top-level-element title="top-level elements">top-level elements</a> of each <a data-link-type=dfn href=#shadow-tree title="shadow tree">shadow tree</a> of the element.
@@ -286,18 +286,18 @@ <h3 class="heading settled heading" data-level=4.1 id=shadow-combinator><span cl
   &lt;/x-foo&gt;
 </pre>
 <p>		For a stylesheet in the outer document,
-		<span class=css data-link-type=maybe title="x-foo /shadow span">x-foo /shadow span</span> matches <span class=css data-link-type=maybe title=#top>#top</span>,
+		<span class=css data-link-type=maybe title="x-foo /shadow/ span">x-foo /shadow/ span</span> matches <span class=css data-link-type=maybe title=#top>#top</span>,
 		but not <span class=css data-link-type=maybe title=#not-top>#not-top</span>,
 		because it’s not a <a data-link-type=dfn href=#top-level-element title="top-level element">top-level element</a> in the <a data-link-type=dfn href=#shadow-tree title="shadow tree">shadow tree</a>.
 
 <p>		If one wanted to target <span class=css data-link-type=maybe title=#not-top>#not-top</span>,
-		one way to do it would be with <span class=css data-link-type=maybe title="x-foo /shadow div > span">x-foo /shadow div &gt; span</span>.
+		one way to do it would be with <span class=css data-link-type=maybe title="x-foo /shadow/ div > span">x-foo /shadow/ div &gt; span</span>.
 	</div>
 
 <h3 class="heading settled heading" data-level=4.2 id=shadow-all-combinator><span class=secno>4.2 </span><span class=content>
-Selecting All Elements In A Shadow Tree: the <a class=css data-link-type=maybe href=#selectordef-shadow-all title=/shadow-all>/shadow-all</a> combinator</span><a class=self-link href=#shadow-all-combinator></a></h3>
+Selecting All Elements In A Shadow Tree: the <span class=css data-link-type=maybe title=/shadow-all>/shadow-all</span> combinator</span><a class=self-link href=#shadow-all-combinator></a></h3>
 
-<p>	When a <dfn class=css-code data-dfn-type=selector data-export="" id=selectordef-shadow-all>/shadow-all<a class=self-link href=#selectordef-shadow-all></a></dfn> combinator is encountered in a selector,
+<p>	When a <dfn class=css-code data-dfn-type=selector data-export="" id=selectordef-shadow-all>/shadow-all/<a class=self-link href=#selectordef-shadow-all></a></dfn> combinator is encountered in a selector,
 	first filter the <a data-link-type=dfn href=http://dev.w3.org/csswg/selectors-4/#selector-match-list title="selector match list">selector match list</a> to only include elements with <a data-link-type=dfn href=#shadow-tree title="shadow trees">shadow trees</a>.
 	Then replace every element in the <a data-link-type=dfn href=http://dev.w3.org/csswg/selectors-4/#selector-match-list title="selector match list">selector match list</a>
 	with the <a data-link-type=dfn href=#top-level-element title="top-level elements">top-level elements</a> of each <a data-link-type=dfn href=#shadow-tree title="shadow tree">shadow tree</a> of the element,
@@ -322,16 +322,16 @@ <h3 class="heading settled heading" data-level=4.2 id=shadow-all-combinator><spa
   &lt;/x-foo&gt;
 </pre>
 <p>		For a stylesheet in the outer document,
-		the selector <span class=css data-link-type=maybe title="x-foo /shadow-all span">x-foo /shadow-all span</span>
+		the selector <span class=css data-link-type=maybe title="x-foo /shadow-all/ span">x-foo /shadow-all/ span</span>
 		selects <span class=css data-link-type=maybe title=#top>#top</span> and <span class=css data-link-type=maybe title=#not-top>#not-top</span>.
 		It does not match <span class=css data-link-type=maybe title=#nested>#nested</span>,
 		as that element is further nested in the <a data-link-type=dfn href=#shadow-tree title="shadow tree">shadow tree</a> of the <code>&lt;x-bar&gt;</code> component.
 	</div>
 
 <h3 class="heading settled heading" data-level=4.3 id=shadow-deep-combinator><span class=secno>4.3 </span><span class=content>
-Selecting Through All Shadows: the <a class=css data-link-type=maybe href=#selectordef-shadow-deep title=/shadow-deep>/shadow-deep</a> combinator</span><a class=self-link href=#shadow-deep-combinator></a></h3>
+Selecting Through All Shadows: the <a class=css data-link-type=maybe href=#selectordef-shadow-deep title=/shadow-deep/>/shadow-deep/</a> combinator</span><a class=self-link href=#shadow-deep-combinator></a></h3>
 
-<p>	When a <dfn class=css-code data-dfn-type=selector data-export="" id=selectordef-shadow-deep>/shadow-deep<a class=self-link href=#selectordef-shadow-deep></a></dfn> combinator is encountered in a selector,
+<p>	When a <dfn class=css-code data-dfn-type=selector data-export="" id=selectordef-shadow-deep>/shadow-deep/<a class=self-link href=#selectordef-shadow-deep></a></dfn> combinator is encountered in a selector,
 	replace every element in the <a data-link-type=dfn href=http://dev.w3.org/csswg/selectors-4/#selector-match-list title="selector match list">selector match list</a>
 	with every element reachable from the original element
 	by traversing any number of child lists or shadow trees.
@@ -354,15 +354,15 @@ <h3 class="heading settled heading" data-level=4.3 id=shadow-deep-combinator><sp
   &lt;/x-foo&gt;
 </pre>
 <p>		For a stylesheet in the outer document,
-		the selector <span class=css data-link-type=maybe title="x-foo /shadow-deep span">x-foo /shadow-deep span</span>
+		the selector <span class=css data-link-type=maybe title="x-foo /shadow-deep/ span">x-foo /shadow-deep/ span</span>
 		selects all three of <code>&lt;span&gt;</code> elements:
 		<span class=css data-link-type=maybe title=#top>#top</span>, <span class=css data-link-type=maybe title=#not-top>#not-top</span>, <em>and</em> <span class=css data-link-type=maybe title=#nested>#nested</span>.
 	</div>
 
 <h3 class="heading settled heading" data-level=4.4 id=content-combinator><span class=secno>4.4 </span><span class=content>
-Selecting Distributed Elements: the <a class=css data-link-type=maybe href=#selectordef-content title=/content>/content</a> combinator</span><a class=self-link href=#content-combinator></a></h3>
+Selecting Distributed Elements: the <a class=css data-link-type=maybe href=#selectordef-content title=/content/>/content/</a> combinator</span><a class=self-link href=#content-combinator></a></h3>
 
-<p>	When a <dfn class=css-code data-dfn-type=selector data-export="" id=selectordef-content>/content<a class=self-link href=#selectordef-content></a></dfn> combinator is encountered in a selector,
+<p>	When a <dfn class=css-code data-dfn-type=selector data-export="" id=selectordef-content>/content/<a class=self-link href=#selectordef-content></a></dfn> combinator is encountered in a selector,
 	first filter the <a data-link-type=dfn href=http://dev.w3.org/csswg/selectors-4/#selector-match-list title="selector match list">selector match list</a> to only include elements with <a data-link-type=dfn href=#distribution-list title="distribution lists">distribution lists</a>.
 	Then replace every element in the <a data-link-type=dfn href=http://dev.w3.org/csswg/selectors-4/#selector-match-list title="selector match list">selector match list</a>
 	with the elements in the <a data-link-type=dfn href=#distribution-list title="distribution list">distribution list</a> of each element.
@@ -385,7 +385,7 @@ <h3 class="heading settled heading" data-level=4.4 id=content-combinator><span c
   &lt;/x-foo&gt;
 </pre>
 <p>		For a stylesheet within the <a data-link-type=dfn href=#shadow-tree title="shadow tree">shadow tree</a>,
-		a selector like <span class=css data-link-type=maybe title="* /content div">* /content div</span>
+		a selector like <span class=css data-link-type=maybe title="* /content/ div">* /content/ div</span>
 		selects <span class=css data-link-type=maybe title=#one>#one</span> and <span class=css data-link-type=maybe title=#three>#three</span>,
 		as they’re the elements distributed by the <code>&lt;content&gt;</code> element.
 	</div>
@@ -645,15 +645,15 @@ <h2 class="no-num no-ref heading settled heading" id=index><span class=content>
 <div data-fill-with=index><ul class=indexlist>
 <li>active shadow tree, <a href=#active-shadow-tree title="section 2.1">2.1</a>
 <li>:ancestor(), <a href=#selectordef-ancestor title="section 5.3">5.3</a>
-<li>/content, <a href=#selectordef-content title="section 4.4">4.4</a>
+<li>/content/, <a href=#selectordef-content title="section 4.4">4.4</a>
 <li>distribution list, <a href=#distribution-list title="section 2.2">2.2</a>
 <li>:host(), <a href=#selectordef-host title="section 5.2">5.2</a>
 <li>:host, <a href=#selectordef-host0 title="section 5.2">5.2</a>
 <li>host element, <a href=#host-element0 title="section 2.1">2.1</a>
 <li>insertion point, <a href=#insertion-point title="section 2.2">2.2</a>
-<li>/shadow, <a href=#selectordef-shadow title="section 4.1">4.1</a>
-<li>/shadow-all, <a href=#selectordef-shadow-all title="section 4.2">4.2</a>
-<li>/shadow-deep, <a href=#selectordef-shadow-deep title="section 4.3">4.3</a>
+<li>/shadow/, <a href=#selectordef-shadow title="section 4.1">4.1</a>
+<li>/shadow-all/, <a href=#selectordef-shadow-all title="section 4.2">4.2</a>
+<li>/shadow-deep/, <a href=#selectordef-shadow-deep title="section 4.3">4.3</a>
 <li>shadow host, <a href=#shadow-host title="section 2.1">2.1</a>
 <li>shadow tree, <a href=#shadow-tree title="section 2.1">2.1</a>
 <li>:top, <a href=#selectordef-top title="section 5.1">5.1</a>
@@ -666,9 +666,9 @@ <h2 class="no-num no-ref heading settled heading" id=property-index><span class=
 
 
 <h2 class="no-num heading settled" id=issues-index><span class=content>Issues Index</span><a class=self-link href=#issues-index></a></h2><div style="counter-reset: issue"><div class=issue>
-		I’m assuming here that "/foo" is the syntax we’ll agree on for named combinators.
+		I’m assuming here that "/foo/" is the syntax we’ll agree on for named combinators.
 
-<a href=#issue-7dae9ca8> ↵ </a></div><div class=issue>
+<a href=#issue-46cdc4d6> ↵ </a></div><div class=issue>
 		I need to go look up what was decided/written down
 		for the cascading precedence
 		of rules from outside a shadow tree reaching in, via the /shadow-* combinators,