hixie: Define :hover's weird HTML behaviours (whatwg r7126)

hixie: Define :hover's weird HTML behaviours (whatwg r7126)

http://dev.w3.org/cvsweb/html5/spec/Overview.html?r1=1.5677&r2=1.5678&f=h
http://html5.org/tools/web-apps-tracker?from=7125&to=7126

===================================================================
RCS file: /sources/public/html5/spec/Overview.html,v
retrieving revision 1.5677
retrieving revision 1.5678
diff -u -d -r1.5677 -r1.5678
--- Overview.html 7 Jun 2012 20:14:09 -0000 1.5677
+++ Overview.html 8 Jun 2012 21:34:06 -0000 1.5678
@@ -321,7 +321,7 @@
 
    <h1>HTML5</h1>
    <h2 class="no-num no-toc" id="a-vocabulary-and-associated-apis-for-html-and-xhtml">A vocabulary and associated APIs for HTML and XHTML</h2>
-   <h2 class="no-num no-toc" id="editor-s-draft-7-june-2012">Editor's Draft 7 June 2012</h2>
+   <h2 class="no-num no-toc" id="editor-s-draft-8-june-2012">Editor's Draft 8 June 2012</h2>
    <dl><dt>Latest Published Version:</dt>
     <dd><a href="http://www.w3.org/TR/html5/">http://www.w3.org/TR/html5/</a></dd>
     <dt>Latest Editor's Draft:</dt>
@@ -514,7 +514,7 @@
   Group</a> is the W3C working group responsible for this
   specification's progress along the W3C Recommendation
   track.
-  This specification is the 7 June 2012 Editor's Draft.
+  This specification is the 8 June 2012 Editor's Draft.
   </p>
 
 
@@ -51846,6 +51846,60 @@
     </ul></dd>
 
 
+   <dt><dfn id="selector-hover" title="selector-hover"><code>:hover</code></dfn></dt>
+
+   <dd>
+
+    <p>The <code title="selector-hover"><a href="#selector-hover">:hover</a></code> pseudo-class is
+    defined to match an element <q cite="http://dev.w3.org/csswg/selectors3/#the-user-action-pseudo-classes-hover-act">while
+    the user <i>designates</i> an element with a pointing device</q>.
+    For the purposes of defining the <code title="selector-hover"><a href="#selector-hover">:hover</a></code> pseudo-class only, an HTML
+    user agent must consider an element as being one that the user
+    <i>designates</i> if it is:</p>
+
+    <ul><li>
+
+      <p>An element that the user indicates using a pointing device.</p>
+
+     </li>
+
+     <li>
+
+      <p>An element that has a descendant that the user indicates
+      using a pointing device.</p>
+
+     </li>
+
+     <li>
+
+      <p>An element that is the <a href="#labeled-control">labeled control</a> of a
+      <code><a href="#the-label-element">label</a></code> element that is currently matching <a href="#selector-hover" title="selector-hover">:hover</a>.</p>
+
+     </li>
+
+    </ul><div class="example">
+
+     <p>Consider in particular a fragment such as:</p>
+
+     <pre>&lt;p&gt; &lt;label for=c&gt; &lt;input id=a&gt; &lt;/label&gt; &lt;span id=b&gt; &lt;input id=c&gt; &lt;/span&gt; &lt;/p&gt;</pre>
+
+     <p>If the user designates the element with ID "<code title="">a</code>" with their pointing device, then the
+     <code><a href="#the-p-element">p</a></code> element (and all its ancestors not shown in the
+     snippet above), the <code><a href="#the-label-element">label</a></code> element, the element with
+     ID "<code title="">a</code>", and the element with ID "<code title="">c</code>" will match the <a href="#selector-hover" title="selector-hover">:hover</a> pseudo-class. The element
+     with ID "<code title="">a</code>" matches it from condition 1,
+     the <code><a href="#the-label-element">label</a></code> and <code><a href="#the-p-element">p</a></code> elements match it
+     because of condition 2 (one of their descendants is designated),
+     and the element with ID "<code title="">c</code>" matches it
+     through condition 3 (its <code><a href="#the-label-element">label</a></code> element matches <a href="#selector-hover" title="selector-hover">:hover</a>). However, the element with
+     ID "<code title="">b</code>" does <em>not</em> match <a href="#selector-hover" title="selector-hover">:hover</a>: its descendant is not
+     designated, even though it matches <a href="#selector-hover" title="selector-hover">:hover</a>.</p>
+
+    </div>
+
+   </dd>
+
+
    <dt><dfn id="selector-enabled" title="selector-enabled"><code>:enabled</code></dfn></dt>
 
    <dd>
@@ -52150,7 +52204,7 @@
   <i><a href="#target-element">target element</a></i> used with the <code title="selector-target">:target</code> pseudo-class.</p>
 
   <p class="note">This specification does not define when an element
-  matches the <code title="selector-hover">:hover</code>, <code title="selector-focus">:focus</code>, or <code title="selector-lang()">:lang()</code> dynamic pseudo-classes, as
+  matches the <code title="selector-focus">:focus</code> or <code title="selector-lang()">:lang()</code> dynamic pseudo-classes, as
   those are all defined in sufficient detail in a language-agnostic
   fashion in the Selectors specification. <a href="#refsSELECTORS">[SELECTORS]</a></p>

Received on Friday, 8 June 2012 21:34:25 UTC