Add :past and :future for HTML5 to reference.

Author: fantasai

selectors4/Overview.html

@@ -15,13 +15,13 @@
 
    <h1 id=title>Selectors Level 4</h1>
 
-   <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 25 July 2011</h2>
+   <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 3 August 2011</h2>
 
    <dl>
     <dt>This version:
 
-    <dd> <!-- <a href="http://www.w3.org/TR/2011/ED-selectors4-20110725/">
-             http://www.w3.org/TR/2011/WD-selectors4-20110725</a> -->
+    <dd> <!-- <a href="http://www.w3.org/TR/2011/ED-selectors4-20110803/">
+             http://www.w3.org/TR/2011/WD-selectors4-20110803</a> -->
      <a href="http://dev.w3.org/csswg/selectors4">
      http://dev.w3.org/csswg/selectors4</a>
 
@@ -254,7 +254,13 @@ <h2 class="no-num no-toc" id=contents>Table of contents</h2>
     Presentation Pseudo-classes</a>
     <ul class=toc>
      <li><a href="#current-pseudo"><span class=secno>9.1. </span> The
-      currently-playing pseudo-class <code>:current</code></a>
+      current-element pseudo-class <code>:current</code></a>
+
+     <li><a href="#past-pseudo"><span class=secno>9.2. </span> The
+      past-element pseudo-class <code>:past</code></a>
+
+     <li><a href="#future-pseudo"><span class=secno>9.3. </span> The
+      future-element pseudo-class <code>:future</code></a>
     </ul>
 
    <li><a href="#linguistic-pseudos"><span class=secno>10. </span> Linguistic
@@ -1973,18 +1979,19 @@ <h3 id=active-pseudo><span class=secno>8.3. </span> The input focus
   <h2 id=time-pseudo><span class=secno>9. </span> Time-linear Presentation
    Pseudo-classes</h2>
 
-  <h3 id=current-pseudo><span class=secno>9.1. </span> The currently-playing
+  <h3 id=current-pseudo><span class=secno>9.1. </span> The current-element
    pseudo-class <code>:current</code></h3>
 
   <p>The <code>:current</code> pseudo-class represents the innermost element,
-   or ancestor of an element, that is currently being rendered in a
-   time-dimensional canvas, such as during speech rendering of a document.
-   Its alternate form <code>:current()</code>, like <code>:matches()</code>,
-   takes a list of compound selectors as its argument: it represents the
-   <code>:current</code> element that matches the argument or, if that does
-   not match, the innermost ancestor of the <code>:current</code> element
-   that does. (If neither the <code>:current</code> element nor its ancestors
-   match the argument, then the selector does not represent anything.)
+   or ancestor of an element, that is currently being displayed in a
+   time-dimensional canvas, such as during speech rendering of an HTML
+   document. Its alternate form <code>:current()</code>, like
+   <code>:matches()</code>, takes a list of compound selectors as its
+   argument: it represents the <code>:current</code> element that matches the
+   argument or, if that does not match, the innermost ancestor of the
+   <code>:current</code> element that does. (If neither the
+   <code>:current</code> element nor its ancestors match the argument, then
+   the selector does not represent anything.)
 
   <div class=example>
    <p>For example, the following rule will highlight whichever paragraph or
@@ -1996,6 +2003,24 @@ <h3 id=current-pseudo><span class=secno>9.1. </span> The currently-playing
 <!-- -->}</pre>
   </div>
 
+  <h3 id=past-pseudo><span class=secno>9.2. </span> The past-element
+   pseudo-class <code>:past</code></h3>
+
+  <p>The <code>:past</code> pseudo-class represents any element that is
+   defined to occur entirely prior to a <code>:current<code> element. If a
+   time-based order of elements is not defined by the document language, then
+   this represents any element that is a (possibly indirect) previous sibling
+   of a <code>:current</code> element. </code></code>
+
+  <h3 id=future-pseudo><span class=secno>9.3. </span> The future-element
+   pseudo-class <code>:future</code></h3>
+
+  <p>The <code>:future</code> pseudo-class represents any element that is
+   defined to occur entirely after a <code>:current<code> element. If a
+   time-based order of elements is not defined by the document language, then
+   this represents any element that is a (possibly indirect) next sibling of
+   a <code>:current</code> element. </code></code>
+
   <h2 id=linguistic-pseudos><span class=secno>10. </span> Linguistic
    Pseudo-classes</h2>
 
@@ -3398,10 +3423,10 @@ <h3 id=informative-references><span class=secno>19.2. </span> Informative
    <dt id=SVG11>[SVG11]
 
    <dd>Erik Dahlstr&#246;m; et al. <a
-    href="http://www.w3.org/TR/2011/WD-SVG11-20110512/"><cite>Scalable Vector
-    Graphics (SVG) 1.1 (Second Edition).</cite></a> 12 May 2011. W3C Working
-    Draft. (Work in progress.) URL: <a
-    href="http://www.w3.org/TR/2011/WD-SVG11-20110512/">http://www.w3.org/TR/2011/WD-SVG11-20110512/</a>
+    href="http://www.w3.org/TR/2011/PR-SVG11-20110609/"><cite>Scalable Vector
+    Graphics (SVG) 1.1 (Second Edition).</cite></a> 9 June 2011. W3C Proposed
+    Recommendation. (Work in progress.) URL: <a
+    href="http://www.w3.org/TR/2011/PR-SVG11-20110609/">http://www.w3.org/TR/2011/PR-SVG11-20110609/</a>
     </dd>
    <!---->
 

selectors4/Overview.src.html

@@ -1462,12 +1462,12 @@ <h2 id="time-pseudo">
 Time-linear Presentation Pseudo-classes</h2>
 
 <h3 id="current-pseudo">
-The currently-playing pseudo-class <code>:current</code></h3>
+The current-element pseudo-class <code>:current</code></h3>
 
   <p>The <code>:current</code> pseudo-class represents the innermost
-    element, or ancestor of an element, that is currently being rendered
-    in a time-dimensional canvas, such as during speech rendering of a
-    document.
+    element, or ancestor of an element, that is currently being displayed
+    in a time-dimensional canvas, such as during speech rendering of an
+    HTML document.
     Its alternate form <code>:current()</code>, like <code>:matches()</code>,
     takes a list of compound selectors as its argument: it represents the
     <code>:current</code> element that matches the argument or, if that does
@@ -1484,6 +1484,24 @@ <h3 id="current-pseudo">
 <!-- -->}</pre>
   </div>
 
+<h3 id="past-pseudo">
+The past-element pseudo-class <code>:past</code></h3>
+
+  <p>The <code>:past</code> pseudo-class represents any element that is
+    defined to occur entirely prior to a <code>:current<code> element.
+    If a time-based order of elements is not defined by the document language,
+    then this represents any element that is a (possibly indirect) previous
+    sibling of a <code>:current</code> element.
+
+<h3 id="future-pseudo">
+The future-element pseudo-class <code>:future</code></h3>
+
+  <p>The <code>:future</code> pseudo-class represents any element that is
+    defined to occur entirely after a <code>:current<code> element.
+    If a time-based order of elements is not defined by the document language,
+    then this represents any element that is a (possibly indirect) next
+    sibling of a <code>:current</code> element.
+
 <h2 id="linguistic-pseudos">
 Linguistic Pseudo-classes</h2>