Add :current pseudo-class for <http://lists.w3.org/Archives/Public/www-style/2011Jun/0236.html>, link to HTML5's dir attribute section

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 18 July 2011</h2>
+   <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 21 July 2011</h2>
 
    <dl>
     <dt>This version:
 
-    <dd> <!-- <a href="http://www.w3.org/TR/2011/ED-selectors4-20110718/">
-             http://www.w3.org/TR/2011/WD-selectors4-20110718</a> -->
+    <dd> <!-- <a href="http://www.w3.org/TR/2011/ED-selectors4-20110721/">
+             http://www.w3.org/TR/2011/WD-selectors4-20110721</a> -->
      <a href="http://dev.w3.org/csswg/selectors4">
      http://dev.w3.org/csswg/selectors4</a>
 
@@ -232,6 +232,9 @@ <h2 class="no-num no-toc" id=contents>Table of contents</h2>
 
      <li><a href="#useraction-pseudos"><span class=secno>7.5. </span> The
       user action pseudo-classes :hover, :active, and :focus</a>
+
+     <li><a href="#current-pseudo"><span class=secno>7.6. </span> The
+      currently-playing pseudo-class <code>:current</code></a>
     </ul>
 
    <li><a href="#linguistic-pseudos"><span class=secno>8. </span> Linguistic
@@ -1919,6 +1922,29 @@ <h3 id=useraction-pseudos><span class=secno>7.5. </span> The user action
    class=css>:link</code>&rsquo; and &lsquo;<code
    class=css>:active</code>&rsquo;).
 
+  <h3 id=current-pseudo><span class=secno>7.6. </span> The currently-playing
+   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.)
+
+  <div class=example>
+   <p>For example, the following rule will highlight whichever paragraph or
+    list item is being read aloud in a speech rendering of the document:
+
+   <pre>
+<!-- -->:current(p, li, dt, dd) {
+<!-- -->  background: yellow;
+<!-- -->}</pre>
+  </div>
+
   <h2 id=linguistic-pseudos><span class=secno>8. </span> Linguistic
    Pseudo-classes</h2>
 
@@ -1953,11 +1979,12 @@ <h3 id=dir-pseudo><span class=secno>8.1. </span> The directionality
    For example, in HTML, the directionality of an element inherits so that a
    child without a <code>dir</code> attribute will have the same
    directionality as its closest ancestor with a valid <code>dir</code>
-   attribute. As another example, in <a href="#HTML5"
-   rel=biblioentry>[HTML5]<!--{{HTML5}}--></a>, an element that matches
-   <code>[dir=auto]</code> will match either <code>:dir(ltr)</code> or
-   <code>:dir(rtl)</code> depending on the resolved directionality of the
-   elements as determined by its contents.
+   attribute. As another example, <a
+   href="http://www.w3.org/TR/html5/#the-directionality">in HTML5</a>, an
+   element that matches <code>[dir=auto]</code> will match either
+   <code>:dir(ltr)</code> or <code>:dir(rtl)</code> depending on the resolved
+   directionality of the elements as determined by its contents. <a
+   href="#HTML5" rel=biblioentry>[HTML5]<!--{{HTML5}}--></a>
 
   <h3 id=lang-pseudo><span class=secno>8.2. </span> The language pseudo-class
    <code>:lang</code></h3>

selectors4/Overview.src.html

@@ -1432,6 +1432,29 @@ <h3 id=useraction-pseudos>
   <p class="note"><strong>Note:</strong> An element can be both
   ':visited' and ':active' (or ':link' and ':active').</p>
 
+<h3 id="current-pseudo">
+The currently-playing 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.)
+
+  <div class="example">
+    <p>For example, the following rule will highlight whichever paragraph
+    or list item is being read aloud in a speech rendering of the document:
+    <pre>
+<!-- -->:current(p, li, dt, dd) {
+<!-- -->  background: yellow;
+<!-- -->}</pre>
+  </div>
+
 <h2 id="linguistic-pseudos">
 Linguistic Pseudo-classes</h2>
 
@@ -1465,10 +1488,11 @@ <h3 id="dir-pseudo">
   comparison. For example, in HTML, the directionality of an element
   inherits so that a child without a <code>dir</code> attribute will have
   the same directionality as its closest ancestor with a valid <code>dir</code>
-  attribute. As another example, in [[HTML5]], an element that matches
-  <code>[dir=auto]</code> will match either <code>:dir(ltr)</code> or
-  <code>:dir(rtl)</code> depending on the resolved directionality of the
-  elements as determined by its contents.</p>
+  attribute. As another example,
+  <a href="http://www.w3.org/TR/html5/#the-directionality">in HTML5</a>,
+  an element that matches <code>[dir=auto]</code> will match either
+  <code>:dir(ltr)</code> or <code>:dir(rtl)</code> depending on the resolved
+  directionality of the elements as determined by its contents. [[HTML5]]
 
 <h3 id=lang-pseudo>
 The language pseudo-class <code>:lang</code></h3>