- From: Ian Hickson via cvs-syncmail <cvsmail@w3.org>
- Date: Fri, 08 Jun 2012 21:34:10 +0000
- To: public-html-commits@w3.org
Update of /sources/public/html5/spec
In directory hutz:/tmp/cvs-serv10582
Modified Files:
Overview.html
Log Message:
Define :hover's weird HTML behaviours (whatwg r7126)
Index: Overview.html
===================================================================
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><p> <label for=c> <input id=a> </label> <span id=b> <input id=c> </span> </p></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:14 UTC