[html5] r8873 - [giow] (3) Match reality better for :active, even though this is suboptimal UI-w [...]
whatwg at whatwg.org
whatwg at whatwg.org
Tue Jan 6 15:34:02 PST 2015
Author: ianh
Date: 2015-01-06 15:33:59 -0800 (Tue, 06 Jan 2015)
New Revision: 8873
Modified:
complete.html
index
source
Log:
[giow] (3) Match reality better for :active, even though this is suboptimal UI-wise.
Fixing https://www.w3.org/Bugs/Public/show_bug.cgi?id=27247
Affected topics: CSS, HTML
Modified: complete.html
===================================================================
--- complete.html 2015-01-06 22:52:43 UTC (rev 8872)
+++ complete.html 2015-01-06 23:33:59 UTC (rev 8873)
@@ -51119,6 +51119,11 @@
<p>An element that has a descendant that is currently matching the <code id=pseudo-classes:selector-active-3><a href=#selector-active>:active</a></code> pseudo-class.</p>
+ <li>
+
+ <p>An element that is the <a href=#labeled-control id=pseudo-classes:labeled-control>labeled control</a> of a <code id=pseudo-classes:the-label-element><a href=#the-label-element>label</a></code> element that is
+ currently matching <a href=#selector-active id=pseudo-classes:selector-active-4>:active</a>.</p>
+
</ul>
<dt><dfn id=selector-hover><code>:hover</code></dfn><dd>
@@ -51138,7 +51143,7 @@
<li>
- <p>An element that is the <a href=#labeled-control id=pseudo-classes:labeled-control>labeled control</a> of a <code id=pseudo-classes:the-label-element><a href=#the-label-element>label</a></code> element that is
+ <p>An element that is the <a href=#labeled-control id=pseudo-classes:labeled-control-2>labeled control</a> of a <code id=pseudo-classes:the-label-element-2><a href=#the-label-element>label</a></code> element that is
currently matching <a href=#selector-hover id=pseudo-classes:selector-hover-3>:hover</a>.</p>
</ul>
@@ -51152,12 +51157,12 @@
<p>If the user designates the element with ID "<code>a</code>" with their pointing
device, then the <code id=pseudo-classes:the-p-element><a href=#the-p-element>p</a></code> element (and all its ancestors not shown in the snippet above),
- the <code id=pseudo-classes:the-label-element-2><a href=#the-label-element>label</a></code> element, the element with ID "<code>a</code>", and the element
+ the <code id=pseudo-classes:the-label-element-3><a href=#the-label-element>label</a></code> element, the element with ID "<code>a</code>", and the element
with ID "<code>c</code>" will match the <a href=#selector-hover id=pseudo-classes:selector-hover-4>:hover</a>
pseudo-class. The element with ID "<code>a</code>" matches it from condition 1, the
- <code id=pseudo-classes:the-label-element-3><a href=#the-label-element>label</a></code> and <code id=pseudo-classes:the-p-element-2><a href=#the-p-element>p</a></code> elements match it because of condition 2 (one of their
+ <code id=pseudo-classes:the-label-element-4><a href=#the-label-element>label</a></code> and <code id=pseudo-classes:the-p-element-2><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>c</code>" matches it
- through condition 3 (its <code id=pseudo-classes:the-label-element-4><a href=#the-label-element>label</a></code> element matches <a href=#selector-hover id=pseudo-classes:selector-hover-5>:hover</a>). However, the element with ID "<code>b</code>"
+ through condition 3 (its <code id=pseudo-classes:the-label-element-5><a href=#the-label-element>label</a></code> element matches <a href=#selector-hover id=pseudo-classes:selector-hover-5>:hover</a>). However, the element with ID "<code>b</code>"
does <em>not</em> match <a href=#selector-hover id=pseudo-classes:selector-hover-6>:hover</a>: its descendant is not
designated, even though it matches <a href=#selector-hover id=pseudo-classes:selector-hover-7>:hover</a>.</p>
Modified: index
===================================================================
--- index 2015-01-06 22:52:43 UTC (rev 8872)
+++ index 2015-01-06 23:33:59 UTC (rev 8873)
@@ -51119,6 +51119,11 @@
<p>An element that has a descendant that is currently matching the <code id=pseudo-classes:selector-active-3><a href=#selector-active>:active</a></code> pseudo-class.</p>
+ <li>
+
+ <p>An element that is the <a href=#labeled-control id=pseudo-classes:labeled-control>labeled control</a> of a <code id=pseudo-classes:the-label-element><a href=#the-label-element>label</a></code> element that is
+ currently matching <a href=#selector-active id=pseudo-classes:selector-active-4>:active</a>.</p>
+
</ul>
<dt><dfn id=selector-hover><code>:hover</code></dfn><dd>
@@ -51138,7 +51143,7 @@
<li>
- <p>An element that is the <a href=#labeled-control id=pseudo-classes:labeled-control>labeled control</a> of a <code id=pseudo-classes:the-label-element><a href=#the-label-element>label</a></code> element that is
+ <p>An element that is the <a href=#labeled-control id=pseudo-classes:labeled-control-2>labeled control</a> of a <code id=pseudo-classes:the-label-element-2><a href=#the-label-element>label</a></code> element that is
currently matching <a href=#selector-hover id=pseudo-classes:selector-hover-3>:hover</a>.</p>
</ul>
@@ -51152,12 +51157,12 @@
<p>If the user designates the element with ID "<code>a</code>" with their pointing
device, then the <code id=pseudo-classes:the-p-element><a href=#the-p-element>p</a></code> element (and all its ancestors not shown in the snippet above),
- the <code id=pseudo-classes:the-label-element-2><a href=#the-label-element>label</a></code> element, the element with ID "<code>a</code>", and the element
+ the <code id=pseudo-classes:the-label-element-3><a href=#the-label-element>label</a></code> element, the element with ID "<code>a</code>", and the element
with ID "<code>c</code>" will match the <a href=#selector-hover id=pseudo-classes:selector-hover-4>:hover</a>
pseudo-class. The element with ID "<code>a</code>" matches it from condition 1, the
- <code id=pseudo-classes:the-label-element-3><a href=#the-label-element>label</a></code> and <code id=pseudo-classes:the-p-element-2><a href=#the-p-element>p</a></code> elements match it because of condition 2 (one of their
+ <code id=pseudo-classes:the-label-element-4><a href=#the-label-element>label</a></code> and <code id=pseudo-classes:the-p-element-2><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>c</code>" matches it
- through condition 3 (its <code id=pseudo-classes:the-label-element-4><a href=#the-label-element>label</a></code> element matches <a href=#selector-hover id=pseudo-classes:selector-hover-5>:hover</a>). However, the element with ID "<code>b</code>"
+ through condition 3 (its <code id=pseudo-classes:the-label-element-5><a href=#the-label-element>label</a></code> element matches <a href=#selector-hover id=pseudo-classes:selector-hover-5>:hover</a>). However, the element with ID "<code>b</code>"
does <em>not</em> match <a href=#selector-hover id=pseudo-classes:selector-hover-6>:hover</a>: its descendant is not
designated, even though it matches <a href=#selector-hover id=pseudo-classes:selector-hover-7>:hover</a>.</p>
Modified: source
===================================================================
--- source 2015-01-06 22:52:43 UTC (rev 8872)
+++ source 2015-01-06 23:33:59 UTC (rev 8873)
@@ -67296,6 +67296,13 @@
</li>
+ <li>
+
+ <p>An element that is the <span>labeled control</span> of a <code>label</code> element that is
+ currently matching <span data-x="selector-active">:active</span>.</p>
+
+ </li>
+
</ul>
</dd>
More information about the Commit-Watchers
mailing list