[selectors4] Draft definition of scope-relative selectors. (Needs more work later.)

Author: fantasai

css3-flexbox/Overview.html

@@ -11,10 +11,10 @@
 
   <meta content="CSS Flexible Box Layout Module" name=dcterms.title>
   <meta content=text name=dcterms.type>
-  <meta content=2012-12-03 name=dcterms.issued>
+  <meta content=2012-12-04 name=dcterms.issued>
   <meta content="http://dev.w3.org/csswg/css3-flexbox/" name=dcterms.creator>
   <meta content=W3C name=dcterms.publisher>
-  <meta content="http://www.w3.org/TR/2012/ED-css3-flexbox-20121203/"
+  <meta content="http://www.w3.org/TR/2012/ED-css3-flexbox-20121204/"
    name=dcterms.identifier>
   <link href="http://dev.w3.org/csswg/default.css" rel=stylesheet
    type="text/css">
@@ -217,11 +217,11 @@
 
    <h1 id=head-box-flexible>CSS Flexible Box Layout Module</h1>
 
-   <h2 class="no-num no-toc" id=w3c-working>Editor's Draft, 3 December 2012</h2>
+   <h2 class="no-num no-toc" id=w3c-working>Editor's Draft, 4 December 2012</h2>
 
    <dl>
     <dt>This version:
-     <!--<dd><a href="http://www.w3.org/TR/2012/ED-css3-flexbox-20121203/">http://www.w3.org/TR/2012/CR-css3-flexbox-20121203/</a>-->
+     <!--<dd><a href="http://www.w3.org/TR/2012/ED-css3-flexbox-20121204/">http://www.w3.org/TR/2012/CR-css3-flexbox-20121204/</a>-->
 
     <dd><a
      href="http://dev.w3.org/csswg/css3-flexbox/">http://dev.w3.org/csswg/css3-flexbox/</a>

selectors4/Overview.html

@@ -9,10 +9,10 @@
    rel=dcterms.rights>
   <meta content="Selectors Level 4" name=dcterms.title>
   <meta content=text name=dcterms.type>
-  <meta content=2012-11-27 name=dcterms.issued>
+  <meta content=2012-12-04 name=dcterms.issued>
   <meta content="http://dev.w3.org/csswg/selectors4/" name=dcterms.creator>
   <meta content=W3C name=dcterms.publisher>
-  <meta content="http://www.w3.org/TR/2012/ED-selectors4-20121127/"
+  <meta content="http://www.w3.org/TR/2012/ED-selectors4-20121204/"
    name=dcterms.identifier>
   <link href="../default.css" rel=stylesheet type="text/css">
   <style type="text/css">
@@ -29,14 +29,14 @@
 
    <h1 id=title>Selectors Level 4</h1>
 
-   <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 27 November
+   <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 4 December
     2012</h2>
 
    <dl>
     <dt>This version:
 
-    <dd><a href="http://www.w3.org/TR/2012/ED-selectors4-20121127/">
-     http://www.w3.org/TR/2012/ED-selectors4-20121127/</a>
+    <dd><a href="http://www.w3.org/TR/2012/ED-selectors4-20121204/">
+     http://www.w3.org/TR/2012/ED-selectors4-20121204/</a>
 
     <dt>Editor's draft:
 
@@ -1234,8 +1234,14 @@ <h3 id=subject><span class=secno>3.2. </span> Determining the Subject of a
   <h3 id=scoping><span class=secno>3.3. </span> Scoped Selectors</h3>
 
   <p>Some host applications may choose to <dfn id=scope>scope</dfn> selectors
-   to a particular subtree of the document. There are two methods of doing
-   this:
+   to a particular subtree of the document. The root of the scoping subtree
+   is called the <dfn id=scoping-element>scoping element</dfn>, and is
+   in-scope. When scoped selectors are used, it forms the <a
+   href="#contextual-reference-element-set"><i>contextual reference element
+   set</i></a> and matches the <a
+   href="#scope-pseudo"><code>:scope</code></a> pseudo-class.
+
+  <p>There are three methods of scoping selectors:
 
   <dl>
    <dt><dfn id=scope-contained>scope-contained</dfn> selectors
@@ -1252,14 +1258,18 @@ <h3 id=scoping><span class=secno>3.3. </span> Scoped Selectors</h3>
    <dd> With this method of scoping, a selector matches if the <i>subject</i>
     of the selector is within the scope, even if other components of the
     selector are outside the scope.
-  </dl>
 
-  <p>The root of the scoping subtree is called the <dfn
-   id=scoping-element>scoping element</dfn> and is in-scope. When scoped
-   selectors are used, it forms the <a
-   href="#contextual-reference-element-set"><i>contextual reference element
-   set</i></a> and can be selected with the <a
-   href="#scope-pseudo"><code>:scope</code></a> pseudo-class.
+   <dt><dfn id=scope-relative>scope-relative</dfn> selectors
+
+   <dd> With this method of scoping, "<a
+    href="#scope-pseudo"><code>:scope</code></a> " (the <a
+    href="#scope-pseudo"><code>:scope</code></a> pseudo-class followed by a
+    space) is implied at the beginning of each <a href="#complex"><i>complex
+    selector</i></a>, allowing them to begin syntactically with a <a
+    href="#combinator"><i>combinator</i></a>. The scoping element matches
+    this implied <a href="#scope-pseudo"><code>:scope</code></a> selector,
+    but does not limit which elements match.
+  </dl>
 
   <div class=example>
    <p> For example, the <code>element.querySelector()</code> function defined

selectors4/Overview.src.html

@@ -600,7 +600,12 @@ <h3 id="scoping">
 
   <p>Some host applications may choose to <dfn>scope</dfn> selectors
   to a particular subtree of the document.
-  There are two methods of doing this:
+  The root of the scoping subtree is called the <dfn>scoping element</dfn>,
+  and is in-scope.
+  When scoped selectors are used, it forms the <i>contextual reference element set</i>
+  and matches the <code>:scope</code> pseudo-class.
+
+  <p>There are three methods of scoping selectors:
 
   <dl>
     <dt><dfn>scope-contained</dfn> selectors
@@ -616,12 +621,16 @@ <h3 id="scoping">
       With this method of scoping, a selector matches if
       the <i>subject</i> of the selector is within the scope,
       even if other components of the selector are outside the scope.
-  </dl>
 
-  <p>The root of the scoping subtree is called the <dfn>scoping element</dfn>
-  and is in-scope.
-  When scoped selectors are used, it forms the <i>contextual reference element set</i>
-  and can be selected with the <code>:scope</code> pseudo-class.
+    <dt><dfn>scope-relative</dfn> selectors
+    <dd>
+      With this method of scoping,
+      "<code>:scope</code> " (the <code>:scope</code> pseudo-class followed by a space)
+      is implied at the beginning of each <i>complex selector</i>,
+      allowing them to begin syntactically with a <i>combinator</i>.
+      The scoping element matches this implied <code>:scope</code> selector,
+      but does not limit which elements match.
+  </dl>
 
   <div class='example'>
     <p>