[selectors-3] Fold in erratum about :nth-child() etc applying to root element, per WG resolution.

Author: fantasai

selectors-3/Overview.html

@@ -13,7 +13,7 @@
    rel=dcterms.rights>
   <meta content="Selectors Level 3" name=dcterms.title>
   <meta content=text name=dcterms.type>
-  <meta content=2017-05-16 name=dcterms.date>
+  <meta content=2017-05-17 name=dcterms.date>
   <meta content="" name=dcterms.creator>
   <meta content=W3C name=dcterms.publisher>
   <meta content="https://dev.w3.org/csswg/css3-selectors/"
@@ -30,13 +30,13 @@
 
    <h1 id=title>Selectors Level 3</h1>
 
-   <h2 class="no-num no-toc">Editor's Draft 16 May 2017</h2>
+   <h2 class="no-num no-toc">Editor's Draft 17 May 2017</h2>
 
    <dl>
     <dt>This version:
 
     <dd> <!-- <a href="https://dev.w3.org/csswg/css3-selectors/">
-             https://www.w3.org/TR/2017/REC-css3-selectors-20170516</a> -->
+             https://www.w3.org/TR/2017/REC-css3-selectors-20170517</a> -->
      <a href="https://drafts.csswg.org/selectors3">
      https://drafts.csswg.org/selectors3</a>
 
@@ -396,6 +396,8 @@ <h2 class="no-num no-toc" id=contents>Table of contents</h2>
 
       <li><a href="#informative-references"><span class=secno>15.2.
        </span>Informative References</a>
+
+      <li><a href="#changes"><span class=secno>15.3. </span>Changes</a>
      </ul>
    </ul>
    <!--end-toc--> </nav>
@@ -1888,9 +1890,8 @@ <h4 id=structural-pseudos><span class=secno>6.6.5. </span>Structural
    cannot be represented by other simple selectors or combinators.
 
   <p>Standalone text and other non-element nodes are not counted when
-   calculating the position of an element in the list of children of its
-   parent. When calculating the position of an element in the list of
-   children of its parent, the index numbering starts at 1.
+   calculating the position of an element in its list of siblings; index
+   numbering starts at 1.
 
   <h5 id=root-pseudo><span class=secno>6.6.5.1. </span>:root pseudo-class</h5>
 
@@ -1908,15 +1909,15 @@ <h5 id=nth-child-pseudo><span class=secno>6.6.5.2. </span>:nth-child()
    pseudo-class notation represents an element that has
    <var>a</var><code>n</code>+<var>b</var>-1 siblings <a
    href="#sel-before"><strong>before</strong></a> it in the document tree,
-   for any positive integer or zero value of <code>n</code>, and has a parent
-   element. For values of <var>a</var> and <var>b</var> greater than zero,
-   this effectively divides the element's children into groups of
-   <var>a</var> elements (the last group taking the remainder), and selecting
-   the <var>b</var>th element of each group. For example, this allows the
-   selectors to address every other row in a table, and could be used to
-   alternate the color of paragraph text in a cycle of four. The <var>a</var>
-   and <var>b</var> values must be integers (positive, negative, or zero).
-   The index of the first child of an element is 1.
+   for any positive integer or zero value of <code>n</code>. It is not
+   required to have a parent. For values of <var>a</var> and <var>b</var>
+   greater than zero, this effectively divides the element's children into
+   groups of <var>a</var> elements (the last group taking the remainder), and
+   selecting the <var>b</var>th element of each group. For example, this
+   allows the selectors to address every other row in a table, and could be
+   used to alternate the color of paragraph text in a cycle of four. The
+   <var>a</var> and <var>b</var> values must be integers (positive, negative,
+   or zero). The index of the first child of an element is 1.
 
   <p>In addition to this, <code>:nth-child()</code> can take ‘<code
    class=css><code>odd</code></code>’ and ‘<code
@@ -2047,9 +2048,10 @@ <h5 id=nth-last-child-pseudo><span class=secno>6.6.5.3.
    pseudo-class notation represents an element that has
    <var>a</var><code>n</code>+<var>b</var>-1 siblings <a
    href="#sel-after"><strong>after</strong></a> it in the document tree, for
-   any positive integer or zero value of <code>n</code>, and has a parent
-   element. See <a href="#nth-child-pseudo"><code>:nth-child()</code></a>
-   pseudo-class for the syntax of its argument. It also accepts the ‘<code
+   any positive integer or zero value of <code>n</code>. It is not required
+   to have a parent. See <a
+   href="#nth-child-pseudo"><code>:nth-child()</code></a> pseudo-class for
+   the syntax of its argument. It also accepts the ‘<code
    class=css><code>even</code></code>’ and ‘<code
    class=css><code>odd</code></code>’ values as arguments.
 
@@ -2071,8 +2073,8 @@ <h5 id=nth-of-type-pseudo><span class=secno>6.6.5.4. </span>:nth-of-type()
    pseudo-class notation represents an element that has
    <var>a</var><code>n</code>+<var>b</var>-1 siblings with the same expanded
    element name <a href="#sel-before"><strong>before</strong></a> it in the
-   document tree, for any zero or positive integer value of <code>n</code>,
-   and has a parent element. See <a
+   document tree, for any zero or positive integer value of <code>n</code>.
+   It is not required to have a parent. See <a
    href="#nth-child-pseudo"><code>:nth-child()</code></a> pseudo-class for
    the syntax of its argument. It also accepts the ‘<code
    class=css><code>even</code></code>’ and ‘<code
@@ -2096,8 +2098,8 @@ <h5 id=nth-last-of-type-pseudo><span class=secno>6.6.5.5.
    pseudo-class notation represents an element that has
    <var>a</var><code>n</code>+<var>b</var>-1 siblings with the same expanded
    element name <a href="#sel-after"><strong>after</strong></a> it in the
-   document tree, for any zero or positive integer value of <code>n</code>,
-   and has a parent element. See <a
+   document tree, for any zero or positive integer value of <code>n</code>.
+   It is not required to have a parent. See <a
    href="#nth-child-pseudo"><code>:nth-child()</code></a> pseudo-class for
    the syntax of its argument. It also accepts the ‘<code
    class=css><code>even</code></code>’ and ‘<code
@@ -2122,7 +2124,7 @@ <h5 id=first-child-pseudo><span class=secno>6.6.5.6. </span>:first-child
 
   <p>Same as <code>:nth-child(1)</code>. The <dfn data-dfn-type=selector
    data-export=data-export id=sel-first-child>:first-child</dfn> pseudo-class
-   represents an element that is the first child of some other element.
+   represents an element that is first in a list of siblings.
 
   <div class=example>
    <p>Examples:
@@ -2157,7 +2159,7 @@ <h5 id=last-child-pseudo><span class=secno>6.6.5.7. </span>:last-child
 
   <p>Same as <code>:nth-last-child(1)</code>. The <dfn data-dfn-type=selector
    data-export=data-export id=sel-last-child>:last-child</dfn> pseudo-class
-   represents an element that is the last child of some other element.
+   represents an element that is last in a list of siblings.
 
   <div class=example>
    <p>Example:
@@ -2173,8 +2175,7 @@ <h5 id=first-of-type-pseudo><span class=secno>6.6.5.8.
 
   <p>Same as <code>:nth-of-type(1)</code>. The <dfn data-dfn-type=selector
    data-export=data-export id=sel-first-of-type>:first-of-type</dfn>
-   pseudo-class represents an element that is the first sibling of its type
-   in the list of children of its parent element.
+   pseudo-class represents an element that is the first sibling of its type.
 
   <div class=example>
    <p>Example:
@@ -2207,8 +2208,7 @@ <h5 id=last-of-type-pseudo><span class=secno>6.6.5.9. </span>:last-of-type
   <p>Same as <code>:nth-last-of-type(1)</code>. The <dfn
    data-dfn-type=selector data-export=data-export
    id=sel-last-of-type>:last-of-type</dfn> pseudo-class represents an element
-   that is the last sibling of its type in the list of children of its parent
-   element.
+   that is the last sibling of its type.
 
   <div class=example>
    <p>Example:
@@ -2224,8 +2224,7 @@ <h5 id=only-child-pseudo><span class=secno>6.6.5.10. </span>:only-child
 
   <p>The <dfn data-dfn-type=selector data-export=data-export
    id=sel-only-child>:only-child</dfn> pseudo-class represents an element
-   that has a parent element and whose parent element has no other element
-   children. Same as <code>:first-child:last-child</code> or
+   that has no siblings. Same as <code>:first-child:last-child</code> or
    <code>:nth-child(1):nth-last-child(1)</code>, but with a lower
    specificity.
 
@@ -2234,8 +2233,7 @@ <h5 id=only-of-type-pseudo><span class=secno>6.6.5.11. </span>:only-of-type
 
   <p>The <dfn data-dfn-type=selector data-export=data-export
    id=sel-only-of-type>:only-of-type</dfn> pseudo-class represents an element
-   that has a parent element and whose parent element has no other element
-   children with the same expanded element name. Same as
+   that has no siblings with the same expanded element name. Same as
    <code>:first-of-type:last-of-type</code> or
    <code>:nth-of-type(1):nth-last-of-type(1)</code>, but with a lower
    specificity.
@@ -3532,5 +3530,17 @@ <h3 id=informative-references><span class=secno>15.2. </span>Informative
   </dl>
   <!--end-informative-->
 
+  <h3 id=changes><span class=secno>15.3. </span>Changes</h3>
+
+  <p>Substantive since the previous Recommendation are:
+
+  <ul>
+   <li>Allowing the <a href="#structural-pseudos">Structural
+    pseudo-classes</a> to match the root element. See <a
+    href="http://lists.w3.org/Archives/Public/www-style/2013Apr/0246.html">minutes</a>
+    and <a
+    href="https://software.hixie.ch/utilities/js/live-dom-viewer/saved/5188">testcase</a>.
+  </ul>
+
   <script src="//www.w3.org/scripts/TR/2016/fixup.js"
    type="application/javascript"></script>

selectors-3/Overview.src.html

@@ -1390,10 +1390,10 @@ <h4 id="structural-pseudos">Structural pseudo-classes</h4>
 the document tree but cannot be represented by other simple selectors or
 combinators.
 
-<p>Standalone text and other non-element
-nodes are not counted when calculating the position of an element in the list
-of children of its parent. When calculating the position of an element in
-the list of children of its parent, the index numbering starts at 1.
+<p>Standalone text and other non-element nodes
+are not counted when calculating the position of an element
+in its list of siblings;
+index numbering starts at 1.
 
 
 <h5 id="root-pseudo">:root pseudo-class</h5>
@@ -1410,7 +1410,8 @@ <h5 id="nth-child-pseudo">:nth-child() pseudo-class</h5>
 pseudo-class notation represents an element that has
 <var>a</var><code>n</code>+<var>b</var>-1 siblings
 <strong>before</strong> it in the document tree, for any positive
-integer or zero value of <code>n</code>, and has a parent element.
+integer or zero value of <code>n</code>.
+It is not required to have a parent.
 For values of <var>a</var> and <var>b</var> greater than zero, this
 effectively divides the element's children into groups of <var>a</var>
 elements (the last group taking the remainder), and selecting the
@@ -1536,8 +1537,9 @@ <h5 id="nth-last-child-pseudo">:nth-last-child() pseudo-class</h5>
 pseudo-class notation represents an element that has
 <var>a</var><code>n</code>+<var>b</var>-1 siblings
 <strong>after</strong> it in the document tree, for any positive
-integer or zero value of <code>n</code>, and has a parent element. See
-<a href="#nth-child-pseudo"><code>:nth-child()</code></a> pseudo-class for
+integer or zero value of <code>n</code>.
+It is not required to have a parent.
+See <a href="#nth-child-pseudo"><code>:nth-child()</code></a> pseudo-class for
 the syntax of its argument.
 It also accepts the '<code>even</code>' and '<code>odd</code>' values
 as arguments.
@@ -1558,8 +1560,9 @@ <h5 id="nth-of-type-pseudo">:nth-of-type() pseudo-class</h5>
 pseudo-class notation represents an element that has
 <var>a</var><code>n</code>+<var>b</var>-1 siblings with the same expanded
 element name <strong>before</strong> it in the document tree, for any
-zero or positive integer value of <code>n</code>, and has a
-parent element. See <a href="#nth-child-pseudo"><code>:nth-child()</code></a>
+zero or positive integer value of <code>n</code>.
+It is not required to have a parent.
+See <a href="#nth-child-pseudo"><code>:nth-child()</code></a>
 pseudo-class for the syntax of its argument. It also accepts the
 '<code>even</code>' and '<code>odd</code>' values.
 
@@ -1578,8 +1581,9 @@ <h5 id="nth-last-of-type-pseudo">:nth-last-of-type() pseudo-class</h5>
 pseudo-class notation represents an element that has
 <var>a</var><code>n</code>+<var>b</var>-1 siblings with the same expanded
 element name <strong>after</strong> it in the document tree, for any
-zero or positive integer value of <code>n</code>, and has a
-parent element. See <a href="#nth-child-pseudo"><code>:nth-child()</code></a>
+zero or positive integer value of <code>n</code>.
+It is not required to have a parent.
+See <a href="#nth-child-pseudo"><code>:nth-child()</code></a>
 pseudo-class for the syntax of its argument. It also accepts the
 '<code>even</code>' and '<code>odd</code>' values.
 
@@ -1599,7 +1603,7 @@ <h5 id="nth-last-of-type-pseudo">:nth-last-of-type() pseudo-class</h5>
 <h5 id="first-child-pseudo">:first-child pseudo-class</h5>
 
 <p>Same as <code>:nth-child(1)</code>. The <dfn data-dfn-type=selector data-export id="sel-first-child">:first-child</dfn> pseudo-class
-represents an element that is the first child of some other element.
+represents an element that is first in a list of siblings.
 
 
 <div class="example">
@@ -1627,7 +1631,7 @@ <h5 id="first-child-pseudo">:first-child pseudo-class</h5>
 <h5 id="last-child-pseudo">:last-child pseudo-class</h5>
 
 <p>Same as <code>:nth-last-child(1)</code>. The <dfn data-dfn-type=selector data-export id="sel-last-child">:last-child</dfn> pseudo-class
-represents an element that is the last child of some other element.
+represents an element that is last in a list of siblings.
 
 <div class="example">
  <p>Example:</p>
@@ -1639,8 +1643,7 @@ <h5 id="last-child-pseudo">:last-child pseudo-class</h5>
 <h5 id="first-of-type-pseudo">:first-of-type pseudo-class</h5>
 
 <p>Same as <code>:nth-of-type(1)</code>. The <dfn data-dfn-type=selector data-export id="sel-first-of-type">:first-of-type</dfn> pseudo-class
-represents an element that is the first sibling of its type in the list of
-children of its parent element.
+represents an element that is the first sibling of its type.
 
 <div class="example">
 <p>Example:</p>
@@ -1668,8 +1671,7 @@ <h5 id="last-of-type-pseudo">:last-of-type pseudo-class</h5>
 
 <p>Same as <code>:nth-last-of-type(1)</code>. The
 <dfn data-dfn-type=selector data-export id="sel-last-of-type">:last-of-type</dfn> pseudo-class represents an element that is
-the last sibling of its type in the list of children of its parent
-element.</p>
+the last sibling of its type.
 
 <div class="example">
  <p>Example:</p>
@@ -1681,17 +1683,15 @@ <h5 id="last-of-type-pseudo">:last-of-type pseudo-class</h5>
 <h5 id="only-child-pseudo">:only-child pseudo-class</h5>
 
 <p>The <dfn data-dfn-type=selector data-export id="sel-only-child">:only-child</dfn> pseudo-class
-represents an element that has a parent element and whose parent
-element has no other element children. Same as
+represents an element that has no siblings. Same as
 <code>:first-child:last-child</code> or
 <code>:nth-child(1):nth-last-child(1)</code>, but with a lower
 specificity.</p>
 
 <h5 id="only-of-type-pseudo">:only-of-type pseudo-class</h5>
 
 <p>The <dfn data-dfn-type=selector data-export id="sel-only-of-type">:only-of-type</dfn> pseudo-class
-represents an element that has a parent element and whose parent
-element has no other element children with the same expanded element
+represents an element that has no siblings with the same expanded element
 name. Same as <code>:first-of-type:last-of-type</code> or
 <code>:nth-of-type(1):nth-last-of-type(1)</code>, but with a lower
 specificity.</p>
@@ -2664,5 +2664,15 @@ <h3 id=normative-references>Normative References</h3>
 <h3 id=informative-references>Informative References</h3>
 <!--informative-->
 
+<h3 id=changes>Changes</h3>
+
+<p>Substantive since the previous Recommendation are:
+
+<ul>
+  <li>Allowing the <a href=#structural-pseudos>Structural pseudo-classes</a> to match the root element.
+  See <a href="http://lists.w3.org/Archives/Public/www-style/2013Apr/0246.html">minutes</a> and
+  <a href="https://software.hixie.ch/utilities/js/live-dom-viewer/saved/5188">testcase</a>.
+</ul>
+
 </body>
 </html>