[css-scoping] Rename ::content to ::slotted per request from Shadow DOM folks

Author: fantasai

css-scoping/Overview.bs

@@ -8,9 +8,9 @@ Work Status: Exploring
 TR: http://www.w3.org/TR/css-scoping-1/
 ED: http://dev.w3.org/csswg/css-scoping/
 Editor: Tab Atkins Jr., Google, http://xanthir.com/contact/
-Editor: Elika J Etemad, Invited Expert, http://fantasai.inkedblade.net/contact
+Editor: Elika J Etemad / fantasai, Invited Expert, http://fantasai.inkedblade.net/contact
 Abstract: This specification defines various scoping/encapsulation mechanisms for CSS, including scoped styles and the ''@scope'' rule, Shadow DOM selectors, and page/region-based styling.
-Ignored Terms: content, shadowroot, scoped
+Ignored Terms: slot, shadowroot, scoped
 Link Defaults: selectors (dfn) child combinator, html (element) style
 Issue Tracking: Bugzilla https://www.w3.org/Bugs/Public/buglist.cgi?component=Scoping&list_id=47685&product=CSS&resolution=---
 </pre>
@@ -226,7 +226,7 @@ Shadow Encapsulation</h2>
 	This specification does not define how to mark elements as <a>distributed nodes</a>,
 	instead leaving that to the Shadow DOM spec.
 	At the time this spec is written, however,
-	only <a element>content</a> elements in a <a>shadow tree</a> can be <a>insertion points</a>.
+	only <a element>slot</a> elements in a <a>shadow tree</a> can be <a>insertion points</a>.
 
 	An <a>insertion point</a> must not generate any boxes.
 	Instead, its <a>distributed nodes</a> generate boxes as normal,
@@ -382,7 +382,7 @@ Selecting Into the Light: the '':host'', '':host()'', and '':host-context()'' ps
 	the "ancestor" of an element is:
 
 	: if the element is a <a>distributed node</a>
-	:: the <a element>content</a> element it is ultimately distributed to.
+	:: the <a element>slot</a> element it is ultimately distributed to.
 	: if the element is a top-most element in a shadow tree
 	:: the <a>host element</a>
 	: otherwise
@@ -446,19 +446,16 @@ Selecting Into the Dark: the ''::shadow'' pseudo-element</h4>
 
 
 <h4 id='content-combinator'>
-Selecting Shadow-Projected Content: the ''::content'' pseudo-element</h4>
+Selecting Shadow-Projected Content: the ''::slotted'' pseudo-element</h4>
 
-	The <dfn selector>::content</dfn> pseudo-element matches the list of <a>distributed nodes</a> itself,
+	The <dfn selector>::slotted</dfn> pseudo-element
+	matches the list of <a>distributed nodes</a> itself,
 	on elements that have them.
 
-	<p class="issue">
-	''::content'' is a confusingly general name for something that is specific
-	to the projected content of a shadow tree.
-
-	The ''::content'' pseudo-element must not generate boxes,
+	The ''::slotted'' pseudo-element must not generate boxes,
 	unless specified otherwise in another specification.
 	However, for the purpose of Selectors,
-	the ''::content'' pseudo-element is considered to be the parent of the <a>distributed nodes</a>.
+	the ''::slotted'' pseudo-element is considered to be the parent of the <a>distributed nodes</a>.
 
 	<div class="example">
 		For example, say you had a component with both children and a shadow tree,
@@ -480,22 +477,22 @@ Selecting Shadow-Projected Content: the ''::content'' pseudo-element</h4>
 		</pre>
 
 		For a stylesheet within the <a>shadow tree</a>,
-		a selector like ''::content div''
+		a selector like ''::slotted div''
 		selects ''#one'', ''#three'', and ''#four'',
-		as they're the elements distributed by the sole <a element>content</a> element,
+		as they're the elements distributed by the sole <a element>slot</a> element,
 		but not ''#two''.
 
-		If only the <a>top-level elements</a> distributed the <a element>content</a> element are desired,
+		If only the <a>top-level elements</a> distributed the <a element>slot</a> element are desired,
 		a <a>child combinator</a> can be used,
-		like ''::content > div'',
+		like ''::slotted > div'',
 		which will exclude ''#four''
-		as it's not treated as a child of the ''::content'' pseudo-element.
+		as it's not treated as a child of the ''::slotted'' pseudo-element.
 
-		Note: Note that a selector like ''::content div''
-		is equivalent to ''*::content div'',
-		where the ''*'' selects many more elements that just the <a element>content</a> element.
-		However, since only the <a element>content</a> element has <a>distributed nodes</a>,
-		it's the only element that has a ''::content'' pseudo-element as well.
+		Note: Note that a selector like ''::slotted div''
+		is equivalent to ''*::slotted div'',
+		where the ''*'' selects many more elements that just the <a element>slot</a> element.
+		However, since only the <a element>slot</a> element has <a>distributed nodes</a>,
+		it's the only element that has a ''::slotted'' pseudo-element as well.
 	</div>
 
 
@@ -574,7 +571,7 @@ Inheritance</h4>
 	The <a>top-level elements</a> of a <a>shadow tree</a>
 	inherit from their <a>host element</a>.
 
-	<a>Distributed nodes</a> inherit from the parent of the <a element>content</a> element they are ultimately distributed to,
+	<a>Distributed nodes</a> inherit from the parent of the <a element>slot</a> element they are ultimately distributed to,
 	rather than from their normal parent.
 
 
@@ -765,3 +762,12 @@ Region-based Styling: the ''::region'' pseudo-element</h3>
 	<code>getComputedStyle()</code> isn't enough,
 	because an element can exist in multiple regions, for example,
 	with each fragment receiving different styles.
+
+<h2 id="changes">
+Changes</h2>
+
+	The following significant changes were made since the
+	<a href="http://www.w3.org/TR/2014/WD-css-scoping-1-20140403/">3 April 2014 Working Draft</a>.
+
+	* Renamed <css>::content</css> to ''::slotted''.
+