W3C home > Mailing lists > Public > public-css-commits@w3.org > July 2011

csswg/selectors4 Overview.html,1.18,1.19 Overview.src.html,1.20,1.21

From: Elika Etemad via cvs-syncmail <cvsmail@w3.org>
Date: Wed, 06 Jul 2011 01:40:49 +0000
To: public-css-commits@w3.org
Message-Id: <E1QeH6f-0007cd-Hu@lionel-hutz.w3.org>
Update of /sources/public/csswg/selectors4
In directory hutz:/tmp/cvs-serv29285

Modified Files:
	Overview.html Overview.src.html 
Log Message:
Add column selectors

Index: Overview.html
===================================================================
RCS file: /sources/public/csswg/selectors4/Overview.html,v
retrieving revision 1.18
retrieving revision 1.19
diff -u -d -r1.18 -r1.19
--- Overview.html	6 Jul 2011 00:25:01 -0000	1.18
+++ Overview.html	6 Jul 2011 01:40:47 -0000	1.19
@@ -254,8 +254,8 @@
       :indeterminate pseudo-class</a>
     </ul>
 
-   <li><a href="#structural-pseudos"><span class=secno>11. </span> Structural
-    pseudo-classes</a>
+   <li><a href="#structural-pseudos"><span class=secno>11. </span>
+    Tree-Structural pseudo-classes</a>
     <ul class=toc>
      <li><a href="#root-pseudo"><span class=secno>11.1. </span> :root
       pseudo-class</a>
@@ -300,27 +300,40 @@
[...1260 lines suppressed...]
+    <dt id=XML10>[XML10]
 
-   <dd>C. M. Sperberg-McQueen; et al. <a
-    href="http://www.w3.org/TR/2008/REC-xml-20081126/"><cite>Extensible
-    Markup Language (XML) 1.0 (Fifth Edition).</cite></a> 26 November 2008.
-    W3C Recommendation. URL: <a
-    href="http://www.w3.org/TR/2008/REC-xml-20081126/">http://www.w3.org/TR/2008/REC-xml-20081126/</a>
-    </dd>
-   <!---->
-  </dl>
-  <!--end-informative-->
+    <dd>C. M. Sperberg-McQueen; et al. <a
+     href="http://www.w3.org/TR/2008/REC-xml-20081126/"><cite>Extensible
+     Markup Language (XML) 1.0 (Fifth Edition).</cite></a> 26 November 2008.
+     W3C Recommendation. URL: <a
+     href="http://www.w3.org/TR/2008/REC-xml-20081126/">http://www.w3.org/TR/2008/REC-xml-20081126/</a>
+     </dd>
+    <!---->
+   </dl>
+   <!--end-informative--></div>

Index: Overview.src.html
===================================================================
RCS file: /sources/public/csswg/selectors4/Overview.src.html,v
retrieving revision 1.20
retrieving revision 1.21
diff -u -d -r1.20 -r1.21
--- Overview.src.html	6 Jul 2011 00:25:01 -0000	1.20
+++ Overview.src.html	6 Jul 2011 01:40:47 -0000	1.21
@@ -1571,7 +1571,7 @@
   are an example of :indeterminate state.</p>
 
 <h2 id=structural-pseudos>
-Structural pseudo-classes</h2>
+Tree-Structural pseudo-classes</h2>
 
   <p>Selectors introduces the concept of <dfn>structural
   pseudo-classes</dfn> to permit selection based on extra information that lies in
@@ -1945,6 +1945,80 @@
    <pre>&lt;foo&gt;this is not &lt;bar&gt;:empty&lt;/bar&gt;&lt;/foo&gt;</pre>
   </div>
 
+<h2 id="table-pseudos">
+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="nth-column-pseudo">
+:nth-column() 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>even</code>' and '<code>odd</code>' values
+  as arguments.
+
+
+<h3 id="nth-last-column-pseudo">
+:nth-last-column() 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>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>even</code>' and '<code>odd</code>' values
+  as arguments.
+
+<h3 id="column-pseudo">
+:column() pseudo-class</h3>
+
+  <p>The <code>:column(<var>selector</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>
+
 <h2 id=combinators>
 Combinators</h2>
 
@@ -2064,6 +2138,36 @@
   &lt;pre&gt;function a(x) = 12x/13.5&lt;/pre&gt;</pre>
   </div>
 
+<h3 id=idref-combinator>
+Reference combinators</h3>
+
+  <p>The IDREF combinator consists of two slashes with an indetervening
+    <a href="http://www.w3.org/TR/css3-namespace/#css-qnames">CSS qualified
+    name</a>, and separates two compound selectors, e.g. <code>A /attr/ B</code>.
+    The elements represented by the two compound seletors are related in
+    that an element represented by the first compound selector has an
+    ID-reference to the element represented by the second compound selector.
+    The ID reference can be given as either an IDREF or a fragment URL: the
+    reference is valid as long as the value of the attribute named in the
+    combinator consists of either the ID alone or a hash mark (#) followed
+    by the ID. Attribute matching for reference combinators follow the same rules
+    as for <a href="http://www.w3.org/TR/css3-selectors/#attribute-selectors">attribute
+    selectors</a>.
+
+  <div class="example">
+    <p>The following example highlights an <code>&lt;input&gt;</code> element
+      when its
+      <a href="http://www.w3.org/TR/html40/interact/forms.html#h-17.9"><code>&lt;label&gt;</code>
+      is focused or hovered-over:</p>
+    <pre>label:matches(:hover, :focus) /for/ input,       /* association by "for" attribute */
+<!--  -->label:matches(:hover, :focus):not([for]) input { /* association by containment */
+<!--  -->  box-shadow: yellow 0 0 10px; }</pre>
+  </div>
+
+  <p class="issue">This could also be implemented as a functional pseudo-class.</p>
+
+<h3 id="
+
 <h2 id=specificity>
 Calculating a selector's specificity</h2>
 
Received on Wednesday, 6 July 2011 01:40:50 GMT

This archive was generated by hypermail 2.2.0+W3C-0.50 : Wednesday, 6 July 2011 01:40:51 GMT