Switch column pseudo-element to a combinator, because it represents the relationship of two elements, not a property of one particular element. Shift the grid-structural selectors below Combinators, so that combinators are introduced before the column combinator.

Author: fantasai

selectors4/Overview.html

@@ -19,12 +19,12 @@
 
    <h1 id=title>Selectors Level 4</h1>
 
-   <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 9 August 2012</h2>
+   <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 10 August 2012</h2>
 
    <dl>
     <dt>This version: <!--
-    <dd><a href="http://www.w3.org/TR/2012/ED-selectors4-20120809/">
-                 http://www.w3.org/TR/2012/WD-selectors4-20120809/</a>
+    <dd><a href="http://www.w3.org/TR/2012/ED-selectors4-20120810/">
+                 http://www.w3.org/TR/2012/WD-selectors4-20120810/</a>
 
     <dt>Editor's draft:
 -->
@@ -378,37 +378,37 @@ <h2 class="no-num no-toc" id=contents>Table of Contents</h2>
       class=css>:empty</code>’ pseudo-class</a>
     </ul>
 
-   <li><a href="#table-pseudos"><span class=secno>13. </span> Grid-Structural
-    Selectors</a>
+   <li><a href="#combinators"><span class=secno>13. </span> Combinators</a>
     <ul class=toc>
-     <li><a href="#column-pseudo"><span class=secno>13.1. </span> ‘<code
-      class=css>:column()</code>’ pseudo-class</a>
-
-     <li><a href="#nth-column-pseudo"><span class=secno>13.2. </span>
-      ‘<code class=css>:nth-column()</code>’ pseudo-class</a>
-
-     <li><a href="#nth-last-column-pseudo"><span class=secno>13.3. </span>
-      ‘<code class=css>:nth-last-column()</code>’ pseudo-class</a>
-    </ul>
-
-   <li><a href="#combinators"><span class=secno>14. </span> Combinators</a>
-    <ul class=toc>
-     <li><a href="#descendant-combinators"><span class=secno>14.1. </span>
+     <li><a href="#descendant-combinators"><span class=secno>13.1. </span>
       Descendant combinator</a>
 
-     <li><a href="#child-combinators"><span class=secno>14.2. </span> Child
+     <li><a href="#child-combinators"><span class=secno>13.2. </span> Child
       combinator</a>
 
-     <li><a href="#adjacent-sibling-combinators"><span class=secno>14.3.
+     <li><a href="#adjacent-sibling-combinators"><span class=secno>13.3.
       </span> Next-sibling combinator</a>
 
-     <li><a href="#general-sibling-combinators"><span class=secno>14.4.
+     <li><a href="#general-sibling-combinators"><span class=secno>13.4.
       </span> Following-sibling combinator</a>
 
-     <li><a href="#idref-combinators"><span class=secno>14.5. </span>
+     <li><a href="#idref-combinators"><span class=secno>13.5. </span>
       Reference combinators</a>
     </ul>
 
+   <li><a href="#column-selectors"><span class=secno>14. </span>
+    Grid-Structural Selectors</a>
+    <ul class=toc>
+     <li><a href="#column-combinator"><span class=secno>14.1. </span> Column
+      combinator</a>
+
+     <li><a href="#nth-column-pseudo"><span class=secno>14.2. </span>
+      ‘<code class=css>:nth-column()</code>’ pseudo-class</a>
+
+     <li><a href="#nth-last-column-pseudo"><span class=secno>14.3. </span>
+      ‘<code class=css>:nth-last-column()</code>’ pseudo-class</a>
+    </ul>
+
    <li><a href="#specificity"><span class=secno>15. </span> Calculating a
     selector's specificity</a>
 
@@ -3113,83 +3113,9 @@ <h3 id=empty-pseudo><span class=secno>12.14. </span> ‘<code
    <pre>&lt;foo&gt;this is not &lt;bar&gt;:empty&lt;/bar&gt;&lt;/foo&gt;</pre>
   </div>
 
-  <h2 id=table-pseudos><span class=secno>13. </span> Grid-Structural
-   Selectors</h2>
-
-  <p>The double-association of a cell in a 2D grid (to its row and column)
-   cannot be represented by parentage in a hierarchical markup language. Only
-   one of those associations can be represented hierarchically: the other
-   must be explicitly or implicitly defined in the document language
-   semantics. In both HTML and DocBook, two of the most common hierarchical
-   markup languages, the markup is row-primary (that is, the row associations
-   are represented hierarchically); the columns must be implied. Thus the
-   <code>:nth-column()</code>, <code>:nth-last-column()</code>, and
-   <code>:column()</code> are defined. In a column-primary format, these
-   pseudo-classes would match against row associations instead.
-
-  <h3 id=column-pseudo><span class=secno>13.1. </span> ‘<code
-   class=css>:column()</code>’ pseudo-class</h3>
-
-  <p>The <code>:column(<var>selector-list</var>)</code> pseudo-class notation
-   represents a cell element belonging to a column that is represented by the
-   element selected by its argument. Column membership is determined based on
-   the semantics of the document language only: whether and how the elements
-   are presented is not considered. If a cell element belongs to more than
-   one column, it is represented by a selector indicating any of those
-   columns.
-
-  <div class=example>
-   <p>The following example makes cells C, E, and G yellow.</p>
-
-   <pre>:column(col.selected) { background: yellow; }</pre>
-
-   <pre>
-<!-- -->&lt;table>
-<!-- -->  &lt;col span="2">
-<!-- -->  &lt;col class="selected">
-<!-- -->  &lt;tr>&lt;td>A &lt;td>B &lt;td>C
-<!-- -->  &lt;tr>&lt;td span="2">D &lt;td>E
-<!-- -->  &lt;tr>&lt;td>F &lt;td span="2">G
-<!-- -->&lt;/table></pre>
-  </div>
-
-  <h3 id=nth-column-pseudo><span class=secno>13.2. </span> ‘<code
-   class=css>:nth-column()</code>’ pseudo-class</h3>
-
-  <p>The <code>:nth-column(<var>a</var>n+<var>b</var>)</code> pseudo-class
-   notation represents a cell element belonging to a column that has
-   <var>a</var><code>n</code>+<var>b</var>-1 columns <strong>before</strong>
-   it, for any positive integer or zero value of <code>n</code>. Column
-   membership is determined based on the semantics of the document language
-   only: whether and how the elements are presented is not considered. If a
-   cell element belongs to more than one column, it is represented by a
-   selector indicating any of those columns.
-
-  <p>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.
-
-  <h3 id=nth-last-column-pseudo><span class=secno>13.3. </span> ‘<code
-   class=css>:nth-last-column()</code>’ pseudo-class</h3>
-
-  <p>The <code>:nth-last-column(<var>a</var>n+<var>b</var>)</code>
-   pseudo-class notation represents a cell element belonging to a column that
-   has <var>a</var><code>n</code>+<var>b</var>-1 columns
-   <strong>after</strong> it, for any positive integer or zero value of
-   <code>n</code>. Column membership is determined based on the semantics of
-   the document language only: whether and how the elements are presented is
-   not considered. If a cell element belongs to more than one column, it is
-   represented by a selector indicating any of those columns.
+  <h2 id=combinators><span class=secno>13. </span> Combinators</h2>
 
-  <p>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.
-
-  <h2 id=combinators><span class=secno>14. </span> Combinators</h2>
-
-  <h3 id=descendant-combinators><span class=secno>14.1. </span> Descendant
+  <h3 id=descendant-combinators><span class=secno>13.1. </span> Descendant
    combinator</h3>
 
   <p>At times, authors may want selectors to describe an element that is the
@@ -3234,7 +3160,7 @@ <h3 id=descendant-combinators><span class=secno>14.1. </span> Descendant
    <pre>div p *[href]</pre>
   </div>
 
-  <h3 id=child-combinators><span class=secno>14.2. </span> Child combinator</h3>
+  <h3 id=child-combinators><span class=secno>13.2. </span> Child combinator</h3>
 
   <p>A <dfn id=child-combinator>child combinator</dfn> describes a childhood
    relationship between two elements. A child combinator is made of the
@@ -3265,7 +3191,7 @@ <h3 id=child-combinators><span class=secno>14.2. </span> Child combinator</h3>
    the section on the <code><a
    href="#structural-pseudos">:first-child</a></code> pseudo-class above.
 
-  <h3 id=adjacent-sibling-combinators><span class=secno>14.3. </span>
+  <h3 id=adjacent-sibling-combinators><span class=secno>13.3. </span>
    Next-sibling combinator</h3>
 
   <p>The <dfn id=next-sibling-combinator>next-sibling combinator</dfn> is
@@ -3292,7 +3218,7 @@ <h3 id=adjacent-sibling-combinators><span class=secno>14.3. </span>
    <pre>h1.opener + h2</pre>
   </div>
 
-  <h3 id=general-sibling-combinators><span class=secno>14.4. </span>
+  <h3 id=general-sibling-combinators><span class=secno>13.4. </span>
    Following-sibling combinator</h3>
 
   <p>The <dfn id=following-sibling-combinator>following-sibling
@@ -3315,7 +3241,7 @@ <h3 id=general-sibling-combinators><span class=secno>14.4. </span>
   &lt;pre&gt;function a(x) = 12x/13.5&lt;/pre&gt;</pre>
   </div>
 
-  <h3 id=idref-combinators><span class=secno>14.5. </span> Reference
+  <h3 id=idref-combinators><span class=secno>13.5. </span> Reference
    combinators</h3>
 
   <p>The IDREF combinator consists of two slashes with an indetervening <a
@@ -3345,6 +3271,81 @@ <h3 id=idref-combinators><span class=secno>14.5. </span> Reference
 
   <p class=issue>This could also be implemented as a functional pseudo-class.
 
+  <h2 id=column-selectors><span class=secno>14. </span> Grid-Structural
+   Selectors</h2>
+
+  <p>The double-association of a cell in a 2D grid (to its row and column)
+   cannot be represented by parentage in a hierarchical markup language. Only
+   one of those associations can be represented hierarchically: the other
+   must be explicitly or implicitly defined in the document language
+   semantics. In both HTML and DocBook, two of the most common hierarchical
+   markup languages, the markup is row-primary (that is, the row associations
+   are represented hierarchically); the columns must be implied. To be able
+   to represent such implied column-based relationships, the <a
+   href="#column-combinator0"><i>column combinator</i></a> and the
+   <code>:nth-column()</code> and <code>:nth-last-column()</code>
+   pseudo-classes are defined. In a column-primary format, these
+   pseudo-classes match against row associations instead.
+
+  <h3 id=column-combinator><span class=secno>14.1. </span> Column combinator</h3>
+
+  <p>The <dfn id=column-combinator0>column combinator</dfn>, which consists
+   of two forward slashes (‘<code class=css>//</code>’) represents the
+   relationship of a column element to a cell element belonging to the column
+   it represents. Column membership is determined based on the semantics of
+   the document language only: whether and how the elements are presented is
+   not considered. If a cell element belongs to more than one column, it is
+   represented by a selector indicating membership in any of those columns.
+
+  <div class=example>
+   <p>The following example makes cells C, E, and G yellow.</p>
+
+   <pre>col.selected // td { background: yellow; }</pre>
+
+   <pre>
+<!-- -->&lt;table>
+<!-- -->  &lt;col span="2">
+<!-- -->  &lt;col class="selected">
+<!-- -->  &lt;tr>&lt;td>A &lt;td>B &lt;td>C
+<!-- -->  &lt;tr>&lt;td span="2">D &lt;td>E
+<!-- -->  &lt;tr>&lt;td>F &lt;td span="2">G
+<!-- -->&lt;/table></pre>
+  </div>
+
+  <h3 id=nth-column-pseudo><span class=secno>14.2. </span> ‘<code
+   class=css>:nth-column()</code>’ pseudo-class</h3>
+
+  <p>The <code>:nth-column(<var>a</var>n+<var>b</var>)</code> pseudo-class
+   notation represents a cell element belonging to a column that has
+   <var>a</var><code>n</code>+<var>b</var>-1 columns <strong>before</strong>
+   it, for any positive integer or zero value of <code>n</code>. Column
+   membership is determined based on the semantics of the document language
+   only: whether and how the elements are presented is not considered. If a
+   cell element belongs to more than one column, it is represented by a
+   selector indicating any of those columns.
+
+  <p>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.
+
+  <h3 id=nth-last-column-pseudo><span class=secno>14.3. </span> ‘<code
+   class=css>:nth-last-column()</code>’ pseudo-class</h3>
+
+  <p>The <code>:nth-last-column(<var>a</var>n+<var>b</var>)</code>
+   pseudo-class notation represents a cell element belonging to a column that
+   has <var>a</var><code>n</code>+<var>b</var>-1 columns
+   <strong>after</strong> it, for any positive integer or zero value of
+   <code>n</code>. Column membership is determined based on the semantics of
+   the document language only: whether and how the elements are presented is
+   not considered. If a cell element belongs to more than one column, it is
+   represented by a selector indicating any of those columns.
+
+  <p>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.
+
   <h2 id=specificity><span class=secno>15. </span> Calculating a selector's
    specificity</h2>