[css-scoping] Actually define what it means for a document language to scope a stylesheet.

--HG--
extra : rebase_source : 8f5b84768a79382aa89ec28a6b73104c00af083d

Author: tabatkins

css-scoping/Overview.bs

@@ -48,6 +48,11 @@ Document Markup for Scoping</h4>
 	defines a stylesheet that is scoped to the <a element>style</a> element’s parent element.
 	[[HTML]]
 
+	The element that the stylesheet is scoped to
+	is the <a>scoping root</a> for all the style rules in the stylesheet,
+	and selectors of style rules in the stylesheet
+	are <a>scope-contained</a> to the <a>scoping root</a>.
+
 <h4 id='scope-atrule'>
 CSS Syntax for Scoping: the ''@scope'' rule</h4>
 

css-scoping/Overview.html

@@ -112,10 +112,10 @@ <h2 class="no-num no-toc no-ref heading settled heading" id=contents><span class
 		<li><a href=#scoping-mechanisms><span class=secno>2.1</span> Scoping Mechanisms</a>
 			<ul class=toc>
 			<li><a href=#scoping-markup><span class=secno>2.1.1</span> Document Markup for Scoping</a>
-			<li><a href=#scope-atrule><span class=secno>2.1.2</span> CSS Syntax for Scoping: the <span class=css data-link-type=maybe title=@scope>@scope</span> rule</a></ul>
+			<li><a href=#scope-atrule><span class=secno>2.1.2</span> CSS Syntax for Scoping: the <a class=css data-link-type=maybe href=#at-ruledef-scope title=@scope>@scope</a> rule</a></ul>
 		<li><a href=#scoping-context><span class=secno>2.2</span> Querying the Scoping Context</a>
 			<ul class=toc>
-			<li><a href=#scope-pseudo><span class=secno>2.2.1</span> Selecting the Scoping Root: <span class=css data-link-type=maybe title=:scope>:scope</span> pseudo-class</a>
+			<li><a href=#scope-pseudo><span class=secno>2.2.1</span> Selecting the Scoping Root: <a class=css data-link-type=maybe href=http://www.w3.org/TR/selectors4/#scope-pseudo title=:scope>:scope</a> pseudo-class</a>
 			<li><a href=#scope-content-pseudo><span class=secno>2.2.2</span> Selecting Outside the Scope: <span class=css data-link-type=maybe title=:scope-context()>:scope-context()</span> pseudo-class</a></ul></ul>
 	<li><a href=#shadow-dom><span class=secno>3</span> Shadow Encapsulation</a>
 		<ul class=toc>
@@ -124,10 +124,10 @@ <h2 class="no-num no-toc no-ref heading settled heading" id=contents><span class
 			<li><a href=#host-element><span class=secno>3.1.1</span> Host Elements in a Shadow Tree</a></ul>
 		<li><a href=#selectors><span class=secno>3.2</span> Shadow DOM Selectors</a>
 			<ul class=toc>
-			<li><a href=#host-selector><span class=secno>3.2.1</span> Selecting Into the Light: the <span class=css data-link-type=maybe title=:host>:host</span>, <span class=css data-link-type=maybe title=:host()>:host()</span>, and <span class=css data-link-type=maybe title=:host-context()>:host-context()</span> pseudo-classes</a>
-			<li><a href=#shadow-pseudoelement><span class=secno>3.2.2</span> Selecting Into the Dark: the <span class=css data-link-type=maybe title=::shadow>::shadow</span> pseudo-element</a>
-			<li><a href=#content-combinator><span class=secno>3.2.3</span> Selecting Shadow-Projected Content: the <span class=css data-link-type=maybe title=::content>::content</span> pseudo-element</a>
-			<li><a href=#deep-combinator><span class=secno>3.2.4</span> Selecting Through Shadows: the <span class=css data-link-type=maybe title=/deep/>/deep/</span> combinator</a></ul>
+			<li><a href=#host-selector><span class=secno>3.2.1</span> Selecting Into the Light: the <a class=css data-link-type=maybe href=#selectordef-host0 title=:host>:host</a>, <a class=css data-link-type=maybe href=#selectordef-host title=:host()>:host()</a>, and <a class=css data-link-type=maybe href=#selectordef-host-context title=:host-context()>:host-context()</a> pseudo-classes</a>
+			<li><a href=#shadow-pseudoelement><span class=secno>3.2.2</span> Selecting Into the Dark: the <a class=css data-link-type=maybe href=#selectordef-shadow title=::shadow>::shadow</a> pseudo-element</a>
+			<li><a href=#content-combinator><span class=secno>3.2.3</span> Selecting Shadow-Projected Content: the <a class=css data-link-type=maybe href=#selectordef-content title=::content>::content</a> pseudo-element</a>
+			<li><a href=#deep-combinator><span class=secno>3.2.4</span> Selecting Through Shadows: the <a class=css data-link-type=maybe href=#selectordef-deep title=/deep/>/deep/</a> combinator</a></ul>
 		<li><a href=#shadow-cascading><span class=secno>3.3</span> Shadow Cascading &amp; Inheritance</a>
 			<ul class=toc>
 			<li><a href=#cascading><span class=secno>3.3.1</span> Cascading</a>
@@ -186,6 +186,11 @@ <h4 class="heading settled heading" data-level=2.1.1 id=scoping-markup><span cla
 	defines a stylesheet that is scoped to the <a data-link-type=element href=http://www.w3.org/html/wg/drafts/html/CR/document-metadata.html#the-style-element title=style>style</a> element’s parent element.
 	<a data-biblio-type=informative data-link-type=biblio href=#html title=html>[HTML]</a>
 
+<p>	The element that the stylesheet is scoped to
+	is the <a data-link-type=dfn href=http://dev.w3.org/csswg/selectors-4/#scoping-root title="scoping root">scoping root</a> for all the style rules in the stylesheet,
+	and selectors of style rules in the stylesheet
+	are <a data-link-type=dfn href=http://dev.w3.org/csswg/selectors-4/#scope-contained- title=scope-contained>scope-contained</a> to the <a data-link-type=dfn href=http://dev.w3.org/csswg/selectors-4/#scoping-root title="scoping root">scoping root</a>.
+
 <h4 class="heading settled heading" data-level=2.1.2 id=scope-atrule><span class=secno>2.1.2 </span><span class=content>
 CSS Syntax for Scoping: the <a class=css data-link-type=maybe href=#at-ruledef-scope title=@scope>@scope</a> rule</span><a class=self-link href=#scope-atrule></a></h4>