[html5] r8877 - [e] (0) Reword the :active logic to be at least somewhat readable. Fixing https: [...]
whatwg at whatwg.org
whatwg at whatwg.org
Tue Jan 6 17:26:36 PST 2015
Author: ianh
Date: 2015-01-06 17:26:33 -0800 (Tue, 06 Jan 2015)
New Revision: 8877
Modified:
complete.html
index
source
Log:
[e] (0) Reword the :active logic to be at least somewhat readable.
Fixing https://www.w3.org/Bugs/Public/show_bug.cgi?id=27245
Affected topics: CSS, HTML
Modified: complete.html
===================================================================
--- complete.html 2015-01-07 01:02:44 UTC (rev 8876)
+++ complete.html 2015-01-07 01:26:33 UTC (rev 8877)
@@ -51086,60 +51086,40 @@
<p>The <code id=pseudo-classes:selector-active><a href=#selector-active>:active</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 an
- element is <i>being activated</i> by the user</q>. For the purposes of defining the <code id=pseudo-classes:selector-active-2><a href=#selector-active>:active</a></code> pseudo-class only, an HTML user agent must consider an
- element as <i>being activated</i> if it is:</p>
+ element is <dfn id=concept-selector-active><i>being activated</i></dfn> by the user</q>.</p>
- <ul><li>
+ <p>To determine whether a particular element is <i id=pseudo-classes:concept-selector-active><a href=#concept-selector-active>being activated</a></i> for the purposes of
+ defining the <code id=pseudo-classes:selector-active-2><a href=#selector-active>:active</a></code> pseudo-class only, an HTML user agent
+ must use the first relevant entry in the following list.</p>
- <p>An element falling into one of the following categories between the time the user begins to
- indicate an intent to trigger the element's <a href=#activation-behaviour id=pseudo-classes:activation-behaviour>activation behaviour</a> and either the
- time the user stops indicating an intent to trigger the element's <a href=#activation-behaviour id=pseudo-classes:activation-behaviour-2>activation
- behaviour</a>, or the time the element's <a href=#activation-behaviour id=pseudo-classes:activation-behaviour-3>activation behaviour</a> has finished
- running, which ever comes first:</p>
+ <dl><dt>If the element has a descendant that is currently matching the <code id=pseudo-classes:selector-active-3><a href=#selector-active>:active</a></code> pseudo-class<dd><p>The element is <i id=pseudo-classes:concept-selector-active-2><a href=#concept-selector-active>being activated</a></i>.<dt>If the element 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><dd><p>The element is <i id=pseudo-classes:concept-selector-active-3><a href=#concept-selector-active>being activated</a></i>.<dt>If the element is a <code id=pseudo-classes:the-button-element><a href=#the-button-element>button</a></code> element<dt>If the element is an <code id=pseudo-classes:the-input-element><a href=#the-input-element>input</a></code> element whose <code id=pseudo-classes:attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href="#submit-button-state-(type=submit)" id="pseudo-classes:submit-button-state-(type=submit)">Submit Button</a>, <a href="#image-button-state-(type=image)" id="pseudo-classes:image-button-state-(type=image)">Image Button</a>, <a href="#reset-button-state-(type=reset)" id="pseudo-classes:reset-button-state-(type=reset)">Reset
+ Button</a>, or <a href="#button-state-(type=button)" id="pseudo-classes:button-state-(type=button)">Button</a> state<dd>
- <ul><li><code id=pseudo-classes:the-a-element-2><a href=#the-a-element>a</a></code> elements that have an <code id=pseudo-classes:attr-hyperlink-href-3><a href=#attr-hyperlink-href>href</a></code>
- attribute<li><code id=pseudo-classes:the-area-element-2><a href=#the-area-element>area</a></code> elements that have an <code id=pseudo-classes:attr-hyperlink-href-4><a href=#attr-hyperlink-href>href</a></code>
- attribute<li><code id=pseudo-classes:the-link-element-2><a href=#the-link-element>link</a></code> elements that have an <code id=pseudo-classes:attr-link-href-2><a href=#attr-link-href>href</a></code>
- attribute<li><code id=pseudo-classes:the-button-element><a href=#the-button-element>button</a></code> elements that are not <a href=#concept-fe-disabled id=pseudo-classes:concept-fe-disabled>disabled</a><li><code id=pseudo-classes:the-input-element><a href=#the-input-element>input</a></code> elements elements that are not <a href=#concept-fe-disabled id=pseudo-classes:concept-fe-disabled-2>disabled</a> and whose <code id=pseudo-classes:attr-input-type><a href=#attr-input-type>type</a></code> attribute is
- in the <a href="#submit-button-state-(type=submit)" id="pseudo-classes:submit-button-state-(type=submit)">Submit Button</a>, <a href="#image-button-state-(type=image)" id="pseudo-classes:image-button-state-(type=image)">Image Button</a>, <a href="#reset-button-state-(type=reset)" id="pseudo-classes:reset-button-state-(type=reset)">Reset
- Button</a>, or <a href="#button-state-(type=button)" id="pseudo-classes:button-state-(type=button)">Button</a> state<li><code id=pseudo-classes:the-menuitem-element><a href=#the-menuitem-element>menuitem</a></code> elements that do not have a <code id=pseudo-classes:attr-menuitem-disabled><a href=#attr-menuitem-disabled>disabled</a></code> attribute<li>elements that have their <a href=#specially-focusable id=pseudo-classes:specially-focusable>tabindex focus flag</a> set, except for elements that
- fall into one of the following categories:
+ <p>The element is <i id=pseudo-classes:concept-selector-active-4><a href=#concept-selector-active>being activated</a></i> if it is <a href=#in-a-formal-activation-state id=pseudo-classes:in-a-formal-activation-state>in a formal activation state</a>
+ and it is not <a href=#concept-fe-disabled id=pseudo-classes:concept-fe-disabled>disabled</a>.</p>
- <ul><li><code id=pseudo-classes:the-button-element-2><a href=#the-button-element>button</a></code> elements<li><code id=pseudo-classes:the-input-element-2><a href=#the-input-element>input</a></code> elements elements whose <code id=pseudo-classes:attr-input-type-2><a href=#attr-input-type>type</a></code> attribute is
- in the <a href="#submit-button-state-(type=submit)" id="pseudo-classes:submit-button-state-(type=submit)-2">Submit Button</a>, <a href="#image-button-state-(type=image)" id="pseudo-classes:image-button-state-(type=image)-2">Image Button</a>, <a href="#reset-button-state-(type=reset)" id="pseudo-classes:reset-button-state-(type=reset)-2">Reset
- Button</a>, or <a href="#button-state-(type=button)" id="pseudo-classes:button-state-(type=button)-2">Button</a> state<li><code id=pseudo-classes:the-menuitem-element-2><a href=#the-menuitem-element>menuitem</a></code> elements</ul>
-
- </ul>
-
- <p class=example>For example, if the user is using a keyboard to push a <code id=pseudo-classes:the-button-element-3><a href=#the-button-element>button</a></code>
+ <p class=example>For example, if the user is using a keyboard to push a <code id=pseudo-classes:the-button-element-2><a href=#the-button-element>button</a></code>
element by pressing the space bar, the element would match this pseudo-class in between the
time that the element received the <code id=pseudo-classes:event-keydown><a href=#event-keydown>keydown</a></code> event and the
time the element received the <code id=pseudo-classes:event-keyup><a href=#event-keyup>keyup</a></code> event.</p>
- <li>
+ <dt>If the element is a <code id=pseudo-classes:the-menuitem-element><a href=#the-menuitem-element>menuitem</a></code> element<dd><p>The element is <i id=pseudo-classes:concept-selector-active-5><a href=#concept-selector-active>being activated</a></i> if it is <a href=#in-a-formal-activation-state id=pseudo-classes:in-a-formal-activation-state-2>in a formal activation state</a>
+ and it does not have a <code id=pseudo-classes:attr-menuitem-disabled><a href=#attr-menuitem-disabled>disabled</a></code>
+ attribute.<dt>If the element is an <code id=pseudo-classes:the-a-element-2><a href=#the-a-element>a</a></code> element that has an <code id=pseudo-classes:attr-hyperlink-href-3><a href=#attr-hyperlink-href>href</a></code> attribute<dt>If the element is an <code id=pseudo-classes:the-area-element-2><a href=#the-area-element>area</a></code> element that has an <code id=pseudo-classes:attr-hyperlink-href-4><a href=#attr-hyperlink-href>href</a></code> attribute<dt>If the element is a <code id=pseudo-classes:the-link-element-2><a href=#the-link-element>link</a></code> element that has an <code id=pseudo-classes:attr-link-href-2><a href=#attr-link-href>href</a></code> attribute<dt>If the element has its <a href=#specially-focusable id=pseudo-classes:specially-focusable>tabindex focus flag</a> set<dd><p>The element is <i id=pseudo-classes:concept-selector-active-6><a href=#concept-selector-active>being activated</a></i> if it is <a href=#in-a-formal-activation-state id=pseudo-
classes:in-a-formal-activation-state-3>in a formal activation
+ state</a>.<dt>If the element is <a href=#being-actively-pointed-at id=pseudo-classes:being-actively-pointed-at>being actively pointed at</a><dd><p>The element is <i id=pseudo-classes:concept-selector-active-7><a href=#concept-selector-active>being activated</a></i>.</dl>
- <p>An element that the user indicates using a pointing device while that pointing device is in
- the "down" state (e.g. for a mouse, between the time the mouse button is pressed and the time
- it is depressed), unless the element falls into one of the following categories:</p>
+ <p>An element is said to be <dfn id=in-a-formal-activation-state>in a formal activation state</dfn> between the time the user
+ begins to indicate an intent to trigger the element's <a href=#activation-behaviour id=pseudo-classes:activation-behaviour>activation behaviour</a> and
+ either the time the user stops indicating an intent to trigger the element's <a href=#activation-behaviour id=pseudo-classes:activation-behaviour-2>activation
+ behaviour</a>, or the time the element's <a href=#activation-behaviour id=pseudo-classes:activation-behaviour-3>activation behaviour</a> has finished
+ running, which ever comes first.</p>
- <ul><li><code id=pseudo-classes:the-a-element-3><a href=#the-a-element>a</a></code> elements that have an <code id=pseudo-classes:attr-hyperlink-href-5><a href=#attr-hyperlink-href>href</a></code>
- attribute<li><code id=pseudo-classes:the-area-element-3><a href=#the-area-element>area</a></code> elements that have an <code id=pseudo-classes:attr-hyperlink-href-6><a href=#attr-hyperlink-href>href</a></code>
- attribute<li><code id=pseudo-classes:the-link-element-3><a href=#the-link-element>link</a></code> elements that have an <code id=pseudo-classes:attr-link-href-3><a href=#attr-link-href>href</a></code>
- attribute<li><code id=pseudo-classes:the-button-element-4><a href=#the-button-element>button</a></code> elements<li><code id=pseudo-classes:the-input-element-3><a href=#the-input-element>input</a></code> elements elements whose <code id=pseudo-classes:attr-input-type-3><a href=#attr-input-type>type</a></code> attribute is
- in the <a href="#submit-button-state-(type=submit)" id="pseudo-classes:submit-button-state-(type=submit)-3">Submit Button</a>, <a href="#image-button-state-(type=image)" id="pseudo-classes:image-button-state-(type=image)-3">Image Button</a>, <a href="#reset-button-state-(type=reset)" id="pseudo-classes:reset-button-state-(type=reset)-3">Reset
- Button</a>, or <a href="#button-state-(type=button)" id="pseudo-classes:button-state-(type=button)-3">Button</a> state<li><code id=pseudo-classes:the-menuitem-element-3><a href=#the-menuitem-element>menuitem</a></code> elements<li>elements that have their <a href=#specially-focusable id=pseudo-classes:specially-focusable-2>tabindex focus flag</a> set</ul>
+ <p>An element is said to be <dfn id=being-actively-pointed-at>being actively pointed at</dfn> while the user indicates the
+ element using a pointing device while that pointing device is in the "down" state (e.g. for a
+ mouse, between the time the mouse button is pressed and the time it is depressed; for a finger
+ in a multitouch environment, while the finger is touching the display surface).</p>
- <li>
-
- <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>
<p>The <code id=pseudo-classes: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
@@ -51194,7 +51174,7 @@
<p>The <code id=pseudo-classes:selector-enabled><a href=#selector-enabled>:enabled</a></code> pseudo-class must match any element
that is one of the following:</p>
- <ul><li>a <code id=pseudo-classes:the-button-element-5><a href=#the-button-element>button</a></code> element that is not <a href=#concept-fe-disabled id=pseudo-classes:concept-fe-disabled-3>disabled</a><li>an <code id=pseudo-classes:the-input-element-4><a href=#the-input-element>input</a></code> element that is not <a href=#concept-fe-disabled id=pseudo-classes:concept-fe-disabled-4>disabled</a><li>a <code id=pseudo-classes:the-select-element><a href=#the-select-element>select</a></code> element that is not <a href=#concept-fe-disabled id=pseudo-classes:concept-fe-disabled-5>disabled</a><li>a <code id=pseudo-classes:the-textarea-element><a href=#the-textarea-element>textarea</a></code> element that is not <a href=#concept-fe-disabled id=pseudo-classes:concept-fe-disabled-6>disabled</a><li>an <code id=pseudo-classes:the-optgroup-element><a href=#the-optgroup-element>optgroup</a></code> element that does not have a <code id=pseudo-classes:attr-optgroup-disabled><a href=#at
tr-optgroup-disabled>disabled</a></code> attribute<li>an <code id=pseudo-classes:the-option-element><a href=#the-option-element>option</a></code> element that is not <a href=#concept-option-disabled id=pseudo-classes:concept-option-disabled>disabled</a><li>a <code id=pseudo-classes:the-menuitem-element-4><a href=#the-menuitem-element>menuitem</a></code> element that does not have a <code id=pseudo-classes:attr-menuitem-disabled-2><a href=#attr-menuitem-disabled>disabled</a></code> attribute<li>a <code id=pseudo-classes:the-fieldset-element><a href=#the-fieldset-element>fieldset</a></code> element that is not a <a href=#concept-fieldset-disabled id=pseudo-classes:concept-fieldset-disabled>disabled fieldset</a></ul>
+ <ul><li>a <code id=pseudo-classes:the-button-element-3><a href=#the-button-element>button</a></code> element that is not <a href=#concept-fe-disabled id=pseudo-classes:concept-fe-disabled-2>disabled</a><li>an <code id=pseudo-classes:the-input-element-2><a href=#the-input-element>input</a></code> element that is not <a href=#concept-fe-disabled id=pseudo-classes:concept-fe-disabled-3>disabled</a><li>a <code id=pseudo-classes:the-select-element><a href=#the-select-element>select</a></code> element that is not <a href=#concept-fe-disabled id=pseudo-classes:concept-fe-disabled-4>disabled</a><li>a <code id=pseudo-classes:the-textarea-element><a href=#the-textarea-element>textarea</a></code> element that is not <a href=#concept-fe-disabled id=pseudo-classes:concept-fe-disabled-5>disabled</a><li>an <code id=pseudo-classes:the-optgroup-element><a href=#the-optgroup-element>optgroup</a></code> element that does not have a <code id=pseudo-classes:attr-optgroup-disabled><a href=#at
tr-optgroup-disabled>disabled</a></code> attribute<li>an <code id=pseudo-classes:the-option-element><a href=#the-option-element>option</a></code> element that is not <a href=#concept-option-disabled id=pseudo-classes:concept-option-disabled>disabled</a><li>a <code id=pseudo-classes:the-menuitem-element-2><a href=#the-menuitem-element>menuitem</a></code> element that does not have a <code id=pseudo-classes:attr-menuitem-disabled-2><a href=#attr-menuitem-disabled>disabled</a></code> attribute<li>a <code id=pseudo-classes:the-fieldset-element><a href=#the-fieldset-element>fieldset</a></code> element that is not a <a href=#concept-fieldset-disabled id=pseudo-classes:concept-fieldset-disabled>disabled fieldset</a></ul>
<dt><dfn id=selector-disabled><code>:disabled</code></dfn><dd>
@@ -51206,11 +51186,11 @@
<p>The <code id=pseudo-classes:selector-checked><a href=#selector-checked>:checked</a></code> pseudo-class must match any element
falling into one of the following categories:</p>
- <ul><li><code id=pseudo-classes:the-input-element-5><a href=#the-input-element>input</a></code> elements whose <code id=pseudo-classes:attr-input-type-4><a href=#attr-input-type>type</a></code> attribute is in
- the <a href="#checkbox-state-(type=checkbox)" id="pseudo-classes:checkbox-state-(type=checkbox)">Checkbox</a> state and whose <a href=#concept-fe-checked id=pseudo-classes:concept-fe-checked>checkedness</a> state is true<li><code id=pseudo-classes:the-input-element-6><a href=#the-input-element>input</a></code> elements whose <code id=pseudo-classes:attr-input-type-5><a href=#attr-input-type>type</a></code> attribute is in
- the <a href="#radio-button-state-(type=radio)" id="pseudo-classes:radio-button-state-(type=radio)">Radio Button</a> state and whose <a href=#concept-fe-checked id=pseudo-classes:concept-fe-checked-2>checkedness</a> state is true<li><code id=pseudo-classes:the-option-element-2><a href=#the-option-element>option</a></code> elements whose <a href=#concept-option-selectedness id=pseudo-classes:concept-option-selectedness>selectedness</a> is true<li><code id=pseudo-classes:the-menuitem-element-5><a href=#the-menuitem-element>menuitem</a></code> elements whose <code id=pseudo-classes:attr-menuitem-type><a href=#attr-menuitem-type>type</a></code> attribute
+ <ul><li><code id=pseudo-classes:the-input-element-3><a href=#the-input-element>input</a></code> elements whose <code id=pseudo-classes:attr-input-type-2><a href=#attr-input-type>type</a></code> attribute is in
+ the <a href="#checkbox-state-(type=checkbox)" id="pseudo-classes:checkbox-state-(type=checkbox)">Checkbox</a> state and whose <a href=#concept-fe-checked id=pseudo-classes:concept-fe-checked>checkedness</a> state is true<li><code id=pseudo-classes:the-input-element-4><a href=#the-input-element>input</a></code> elements whose <code id=pseudo-classes:attr-input-type-3><a href=#attr-input-type>type</a></code> attribute is in
+ the <a href="#radio-button-state-(type=radio)" id="pseudo-classes:radio-button-state-(type=radio)">Radio Button</a> state and whose <a href=#concept-fe-checked id=pseudo-classes:concept-fe-checked-2>checkedness</a> state is true<li><code id=pseudo-classes:the-option-element-2><a href=#the-option-element>option</a></code> elements whose <a href=#concept-option-selectedness id=pseudo-classes:concept-option-selectedness>selectedness</a> is true<li><code id=pseudo-classes:the-menuitem-element-3><a href=#the-menuitem-element>menuitem</a></code> elements whose <code id=pseudo-classes:attr-menuitem-type><a href=#attr-menuitem-type>type</a></code> attribute
is in the <a href=#attr-menuitem-type-state-checkbox id=pseudo-classes:attr-menuitem-type-state-checkbox>Checkbox</a> state and that have a
- <code id=pseudo-classes:attr-menuitem-checked><a href=#attr-menuitem-checked>checked</a></code> attribute<li><code id=pseudo-classes:the-menuitem-element-6><a href=#the-menuitem-element>menuitem</a></code> elements whose <code id=pseudo-classes:attr-menuitem-type-2><a href=#attr-menuitem-type>type</a></code> attribute
+ <code id=pseudo-classes:attr-menuitem-checked><a href=#attr-menuitem-checked>checked</a></code> attribute<li><code id=pseudo-classes:the-menuitem-element-4><a href=#the-menuitem-element>menuitem</a></code> elements whose <code id=pseudo-classes:attr-menuitem-type-2><a href=#attr-menuitem-type>type</a></code> attribute
is in the <a href=#attr-menuitem-type-state-radio id=pseudo-classes:attr-menuitem-type-state-radio>Radio</a> state and that have a <code id=pseudo-classes:attr-menuitem-checked-2><a href=#attr-menuitem-checked>checked</a></code> attribute</ul>
<dt><dfn id=selector-indeterminate><code>:indeterminate</code></dfn><dd>
@@ -51218,10 +51198,10 @@
<p>The <code id=pseudo-classes:selector-indeterminate><a href=#selector-indeterminate>:indeterminate</a></code> pseudo-class must match any
element falling into one of the following categories:</p>
- <ul><li><code id=pseudo-classes:the-input-element-7><a href=#the-input-element>input</a></code> elements whose <code id=pseudo-classes:attr-input-type-6><a href=#attr-input-type>type</a></code> attribute is in
- the <a href="#checkbox-state-(type=checkbox)" id="pseudo-classes:checkbox-state-(type=checkbox)-2">Checkbox</a> state and whose <code id=pseudo-classes:dom-input-indeterminate><a href=#dom-input-indeterminate>indeterminate</a></code> IDL attribute is set to true<li><code id=pseudo-classes:the-input-element-8><a href=#the-input-element>input</a></code> elements whose <code id=pseudo-classes:attr-input-type-7><a href=#attr-input-type>type</a></code> attribute is in
+ <ul><li><code id=pseudo-classes:the-input-element-5><a href=#the-input-element>input</a></code> elements whose <code id=pseudo-classes:attr-input-type-4><a href=#attr-input-type>type</a></code> attribute is in
+ the <a href="#checkbox-state-(type=checkbox)" id="pseudo-classes:checkbox-state-(type=checkbox)-2">Checkbox</a> state and whose <code id=pseudo-classes:dom-input-indeterminate><a href=#dom-input-indeterminate>indeterminate</a></code> IDL attribute is set to true<li><code id=pseudo-classes:the-input-element-6><a href=#the-input-element>input</a></code> elements whose <code id=pseudo-classes:attr-input-type-5><a href=#attr-input-type>type</a></code> attribute is in
the <a href="#radio-button-state-(type=radio)" id="pseudo-classes:radio-button-state-(type=radio)-2">Radio Button</a> state and whose <a href=#radio-button-group id=pseudo-classes:radio-button-group>radio button
- group</a> contains no <code id=pseudo-classes:the-input-element-9><a href=#the-input-element>input</a></code> elements whose <a href=#concept-fe-checked id=pseudo-classes:concept-fe-checked-3>checkedness</a> state is true.<li><code id=pseudo-classes:the-progress-element><a href=#the-progress-element>progress</a></code> elements with no <code id=pseudo-classes:attr-progress-value><a href=#attr-progress-value>value</a></code>
+ group</a> contains no <code id=pseudo-classes:the-input-element-7><a href=#the-input-element>input</a></code> elements whose <a href=#concept-fe-checked id=pseudo-classes:concept-fe-checked-3>checkedness</a> state is true.<li><code id=pseudo-classes:the-progress-element><a href=#the-progress-element>progress</a></code> elements with no <code id=pseudo-classes:attr-progress-value><a href=#attr-progress-value>value</a></code>
content attribute</ul>
<dt><dfn id=selector-default><code>:default</code></dfn><dd>
@@ -51229,9 +51209,9 @@
<p>The <code id=pseudo-classes:selector-default><a href=#selector-default>:default</a></code> pseudo-class must match any element
falling into one of the following categories:</p>
- <ul><li><code id=pseudo-classes:the-button-element-6><a href=#the-button-element>button</a></code> elements that are their form's <a href=#default-button id=pseudo-classes:default-button>default button</a><li><code id=pseudo-classes:the-input-element-10><a href=#the-input-element>input</a></code> elements whose <code id=pseudo-classes:attr-input-type-8><a href=#attr-input-type>type</a></code> attribute is in
- the <a href="#submit-button-state-(type=submit)" id="pseudo-classes:submit-button-state-(type=submit)-4">Submit Button</a> or <a href="#image-button-state-(type=image)" id="pseudo-classes:image-button-state-(type=image)-4">Image Button</a> state, and that are their form's
- <a href=#default-button id=pseudo-classes:default-button-2>default button</a><li><code id=pseudo-classes:the-input-element-11><a href=#the-input-element>input</a></code> elements to which the <code id=pseudo-classes:attr-input-checked><a href=#attr-input-checked>checked</a></code>
+ <ul><li><code id=pseudo-classes:the-button-element-4><a href=#the-button-element>button</a></code> elements that are their form's <a href=#default-button id=pseudo-classes:default-button>default button</a><li><code id=pseudo-classes:the-input-element-8><a href=#the-input-element>input</a></code> elements whose <code id=pseudo-classes:attr-input-type-6><a href=#attr-input-type>type</a></code> attribute is in
+ the <a href="#submit-button-state-(type=submit)" id="pseudo-classes:submit-button-state-(type=submit)-2">Submit Button</a> or <a href="#image-button-state-(type=image)" id="pseudo-classes:image-button-state-(type=image)-2">Image Button</a> state, and that are their form's
+ <a href=#default-button id=pseudo-classes:default-button-2>default button</a><li><code id=pseudo-classes:the-input-element-9><a href=#the-input-element>input</a></code> elements to which the <code id=pseudo-classes:attr-input-checked><a href=#attr-input-checked>checked</a></code>
attribute applies and that have a <code id=pseudo-classes:attr-input-checked-2><a href=#attr-input-checked>checked</a></code>
attribute<li><code id=pseudo-classes:the-option-element-3><a href=#the-option-element>option</a></code> elements that have a <code id=pseudo-classes:attr-option-selected><a href=#attr-option-selected>selected</a></code>
attribute</ul>
@@ -51283,7 +51263,7 @@
<p>The <code id=pseudo-classes:selector-required><a href=#selector-required>:required</a></code> pseudo-class must match any element
falling into one of the following categories:</p>
- <ul><li><code id=pseudo-classes:the-input-element-12><a href=#the-input-element>input</a></code> elements that are <i id=pseudo-classes:concept-input-required><a href=#concept-input-required>required</a></i><li><code id=pseudo-classes:the-select-element-2><a href=#the-select-element>select</a></code> elements that have a <code id=pseudo-classes:attr-select-required><a href=#attr-select-required>required</a></code>
+ <ul><li><code id=pseudo-classes:the-input-element-10><a href=#the-input-element>input</a></code> elements that are <i id=pseudo-classes:concept-input-required><a href=#concept-input-required>required</a></i><li><code id=pseudo-classes:the-select-element-2><a href=#the-select-element>select</a></code> elements that have a <code id=pseudo-classes:attr-select-required><a href=#attr-select-required>required</a></code>
attribute<li><code id=pseudo-classes:the-textarea-element-2><a href=#the-textarea-element>textarea</a></code> elements that have a <code id=pseudo-classes:attr-textarea-required><a href=#attr-textarea-required>required</a></code> attribute</ul>
<dt><dfn id=selector-optional><code>:optional</code></dfn><dd>
@@ -51291,7 +51271,7 @@
<p>The <code id=pseudo-classes:selector-optional><a href=#selector-optional>:optional</a></code> pseudo-class must match any element
falling into one of the following categories:</p>
- <ul><li><code id=pseudo-classes:the-input-element-13><a href=#the-input-element>input</a></code> elements to which the <code id=pseudo-classes:attr-input-required><a href=#attr-input-required>required</a></code>
+ <ul><li><code id=pseudo-classes:the-input-element-11><a href=#the-input-element>input</a></code> elements to which the <code id=pseudo-classes:attr-input-required><a href=#attr-input-required>required</a></code>
attribute applies that are not <i id=pseudo-classes:concept-input-required-2><a href=#concept-input-required>required</a></i><li><code id=pseudo-classes:the-select-element-3><a href=#the-select-element>select</a></code> elements that do not have a <code id=pseudo-classes:attr-select-required-2><a href=#attr-select-required>required</a></code> attribute<li><code id=pseudo-classes:the-textarea-element-3><a href=#the-textarea-element>textarea</a></code> elements that do not have a <code id=pseudo-classes:attr-textarea-required-2><a href=#attr-textarea-required>required</a></code> attribute</ul>
<dt><dfn id=selector-read-only><code>:read-only</code></dfn><dt><dfn id=selector-read-write><code>:read-write</code></dfn><dd>
@@ -51300,11 +51280,11 @@
falling into one of the following categories, which for the purposes of Selectors are thus
considered <i>user-alterable</i>: <a href=#refsSELECTORS>[SELECTORS]</a></p>
- <ul><li><code id=pseudo-classes:the-input-element-14><a href=#the-input-element>input</a></code> elements to which the <code id=pseudo-classes:attr-input-readonly><a href=#attr-input-readonly>readonly</a></code>
+ <ul><li><code id=pseudo-classes:the-input-element-12><a href=#the-input-element>input</a></code> elements to which the <code id=pseudo-classes:attr-input-readonly><a href=#attr-input-readonly>readonly</a></code>
attribute applies, and that are <i id=pseudo-classes:concept-fe-mutable><a href=#concept-fe-mutable>mutable</a></i> (i.e. that do not
have the <code id=pseudo-classes:attr-input-readonly-2><a href=#attr-input-readonly>readonly</a></code> attribute specified and that are not
- <a href=#concept-fe-disabled id=pseudo-classes:concept-fe-disabled-7>disabled</a>)<li><code id=pseudo-classes:the-textarea-element-4><a href=#the-textarea-element>textarea</a></code> elements that do not have a <code id=pseudo-classes:attr-textarea-readonly><a href=#attr-textarea-readonly>readonly</a></code> attribute, and that are not <a href=#concept-fe-disabled id=pseudo-classes:concept-fe-disabled-8>disabled</a><li>elements that are <a href=#editing-host id=pseudo-classes:editing-host>editing hosts</a> or <a href=#editable id=pseudo-classes:editable>editable</a>
- and are neither <code id=pseudo-classes:the-input-element-15><a href=#the-input-element>input</a></code> elements nor <code id=pseudo-classes:the-textarea-element-5><a href=#the-textarea-element>textarea</a></code> elements</ul>
+ <a href=#concept-fe-disabled id=pseudo-classes:concept-fe-disabled-6>disabled</a>)<li><code id=pseudo-classes:the-textarea-element-4><a href=#the-textarea-element>textarea</a></code> elements that do not have a <code id=pseudo-classes:attr-textarea-readonly><a href=#attr-textarea-readonly>readonly</a></code> attribute, and that are not <a href=#concept-fe-disabled id=pseudo-classes:concept-fe-disabled-7>disabled</a><li>elements that are <a href=#editing-host id=pseudo-classes:editing-host>editing hosts</a> or <a href=#editable id=pseudo-classes:editable>editable</a>
+ and are neither <code id=pseudo-classes:the-input-element-13><a href=#the-input-element>input</a></code> elements nor <code id=pseudo-classes:the-textarea-element-5><a href=#the-textarea-element>textarea</a></code> elements</ul>
<p>The <code id=pseudo-classes:selector-read-only><a href=#selector-read-only>:read-only</a></code> pseudo-class must match all other
<a href=#html-elements id=pseudo-classes:html-elements>HTML elements</a>.</p>
@@ -51319,7 +51299,7 @@
<p>The <code id=pseudo-classes:selector-rtl><a href=#selector-rtl>:dir(rtl)</a></code> pseudo-class must match all elements whose
<a href=#the-directionality id=pseudo-classes:the-directionality-2>directionality</a> is '<a href=#concept-rtl id=pseudo-classes:concept-rtl>rtl</a>'.</p>
- </dl><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=bugs><strong>Spec bugs:</strong> <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=27245" title=":active should not match <input type=button disabled>">27245</a></div>
+ </dl>
<p class=note>Another section of this specification defines the <i id=pseudo-classes:target-element><a href=#target-element>target element</a></i> used with the <code id=pseudo-classes:selector-target><a href=#selector-target>:target</a></code>
pseudo-class.</p>
Modified: index
===================================================================
--- index 2015-01-07 01:02:44 UTC (rev 8876)
+++ index 2015-01-07 01:26:33 UTC (rev 8877)
@@ -51086,60 +51086,40 @@
<p>The <code id=pseudo-classes:selector-active><a href=#selector-active>:active</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 an
- element is <i>being activated</i> by the user</q>. For the purposes of defining the <code id=pseudo-classes:selector-active-2><a href=#selector-active>:active</a></code> pseudo-class only, an HTML user agent must consider an
- element as <i>being activated</i> if it is:</p>
+ element is <dfn id=concept-selector-active><i>being activated</i></dfn> by the user</q>.</p>
- <ul><li>
+ <p>To determine whether a particular element is <i id=pseudo-classes:concept-selector-active><a href=#concept-selector-active>being activated</a></i> for the purposes of
+ defining the <code id=pseudo-classes:selector-active-2><a href=#selector-active>:active</a></code> pseudo-class only, an HTML user agent
+ must use the first relevant entry in the following list.</p>
- <p>An element falling into one of the following categories between the time the user begins to
- indicate an intent to trigger the element's <a href=#activation-behaviour id=pseudo-classes:activation-behaviour>activation behaviour</a> and either the
- time the user stops indicating an intent to trigger the element's <a href=#activation-behaviour id=pseudo-classes:activation-behaviour-2>activation
- behaviour</a>, or the time the element's <a href=#activation-behaviour id=pseudo-classes:activation-behaviour-3>activation behaviour</a> has finished
- running, which ever comes first:</p>
+ <dl><dt>If the element has a descendant that is currently matching the <code id=pseudo-classes:selector-active-3><a href=#selector-active>:active</a></code> pseudo-class<dd><p>The element is <i id=pseudo-classes:concept-selector-active-2><a href=#concept-selector-active>being activated</a></i>.<dt>If the element 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><dd><p>The element is <i id=pseudo-classes:concept-selector-active-3><a href=#concept-selector-active>being activated</a></i>.<dt>If the element is a <code id=pseudo-classes:the-button-element><a href=#the-button-element>button</a></code> element<dt>If the element is an <code id=pseudo-classes:the-input-element><a href=#the-input-element>input</a></code> element whose <code id=pseudo-classes:attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href="#submit-button-state-(type=submit)" id="pseudo-classes:submit-button-state-(type=submit)">Submit Button</a>, <a href="#image-button-state-(type=image)" id="pseudo-classes:image-button-state-(type=image)">Image Button</a>, <a href="#reset-button-state-(type=reset)" id="pseudo-classes:reset-button-state-(type=reset)">Reset
+ Button</a>, or <a href="#button-state-(type=button)" id="pseudo-classes:button-state-(type=button)">Button</a> state<dd>
- <ul><li><code id=pseudo-classes:the-a-element-2><a href=#the-a-element>a</a></code> elements that have an <code id=pseudo-classes:attr-hyperlink-href-3><a href=#attr-hyperlink-href>href</a></code>
- attribute<li><code id=pseudo-classes:the-area-element-2><a href=#the-area-element>area</a></code> elements that have an <code id=pseudo-classes:attr-hyperlink-href-4><a href=#attr-hyperlink-href>href</a></code>
- attribute<li><code id=pseudo-classes:the-link-element-2><a href=#the-link-element>link</a></code> elements that have an <code id=pseudo-classes:attr-link-href-2><a href=#attr-link-href>href</a></code>
- attribute<li><code id=pseudo-classes:the-button-element><a href=#the-button-element>button</a></code> elements that are not <a href=#concept-fe-disabled id=pseudo-classes:concept-fe-disabled>disabled</a><li><code id=pseudo-classes:the-input-element><a href=#the-input-element>input</a></code> elements elements that are not <a href=#concept-fe-disabled id=pseudo-classes:concept-fe-disabled-2>disabled</a> and whose <code id=pseudo-classes:attr-input-type><a href=#attr-input-type>type</a></code> attribute is
- in the <a href="#submit-button-state-(type=submit)" id="pseudo-classes:submit-button-state-(type=submit)">Submit Button</a>, <a href="#image-button-state-(type=image)" id="pseudo-classes:image-button-state-(type=image)">Image Button</a>, <a href="#reset-button-state-(type=reset)" id="pseudo-classes:reset-button-state-(type=reset)">Reset
- Button</a>, or <a href="#button-state-(type=button)" id="pseudo-classes:button-state-(type=button)">Button</a> state<li><code id=pseudo-classes:the-menuitem-element><a href=#the-menuitem-element>menuitem</a></code> elements that do not have a <code id=pseudo-classes:attr-menuitem-disabled><a href=#attr-menuitem-disabled>disabled</a></code> attribute<li>elements that have their <a href=#specially-focusable id=pseudo-classes:specially-focusable>tabindex focus flag</a> set, except for elements that
- fall into one of the following categories:
+ <p>The element is <i id=pseudo-classes:concept-selector-active-4><a href=#concept-selector-active>being activated</a></i> if it is <a href=#in-a-formal-activation-state id=pseudo-classes:in-a-formal-activation-state>in a formal activation state</a>
+ and it is not <a href=#concept-fe-disabled id=pseudo-classes:concept-fe-disabled>disabled</a>.</p>
- <ul><li><code id=pseudo-classes:the-button-element-2><a href=#the-button-element>button</a></code> elements<li><code id=pseudo-classes:the-input-element-2><a href=#the-input-element>input</a></code> elements elements whose <code id=pseudo-classes:attr-input-type-2><a href=#attr-input-type>type</a></code> attribute is
- in the <a href="#submit-button-state-(type=submit)" id="pseudo-classes:submit-button-state-(type=submit)-2">Submit Button</a>, <a href="#image-button-state-(type=image)" id="pseudo-classes:image-button-state-(type=image)-2">Image Button</a>, <a href="#reset-button-state-(type=reset)" id="pseudo-classes:reset-button-state-(type=reset)-2">Reset
- Button</a>, or <a href="#button-state-(type=button)" id="pseudo-classes:button-state-(type=button)-2">Button</a> state<li><code id=pseudo-classes:the-menuitem-element-2><a href=#the-menuitem-element>menuitem</a></code> elements</ul>
-
- </ul>
-
- <p class=example>For example, if the user is using a keyboard to push a <code id=pseudo-classes:the-button-element-3><a href=#the-button-element>button</a></code>
+ <p class=example>For example, if the user is using a keyboard to push a <code id=pseudo-classes:the-button-element-2><a href=#the-button-element>button</a></code>
element by pressing the space bar, the element would match this pseudo-class in between the
time that the element received the <code id=pseudo-classes:event-keydown><a href=#event-keydown>keydown</a></code> event and the
time the element received the <code id=pseudo-classes:event-keyup><a href=#event-keyup>keyup</a></code> event.</p>
- <li>
+ <dt>If the element is a <code id=pseudo-classes:the-menuitem-element><a href=#the-menuitem-element>menuitem</a></code> element<dd><p>The element is <i id=pseudo-classes:concept-selector-active-5><a href=#concept-selector-active>being activated</a></i> if it is <a href=#in-a-formal-activation-state id=pseudo-classes:in-a-formal-activation-state-2>in a formal activation state</a>
+ and it does not have a <code id=pseudo-classes:attr-menuitem-disabled><a href=#attr-menuitem-disabled>disabled</a></code>
+ attribute.<dt>If the element is an <code id=pseudo-classes:the-a-element-2><a href=#the-a-element>a</a></code> element that has an <code id=pseudo-classes:attr-hyperlink-href-3><a href=#attr-hyperlink-href>href</a></code> attribute<dt>If the element is an <code id=pseudo-classes:the-area-element-2><a href=#the-area-element>area</a></code> element that has an <code id=pseudo-classes:attr-hyperlink-href-4><a href=#attr-hyperlink-href>href</a></code> attribute<dt>If the element is a <code id=pseudo-classes:the-link-element-2><a href=#the-link-element>link</a></code> element that has an <code id=pseudo-classes:attr-link-href-2><a href=#attr-link-href>href</a></code> attribute<dt>If the element has its <a href=#specially-focusable id=pseudo-classes:specially-focusable>tabindex focus flag</a> set<dd><p>The element is <i id=pseudo-classes:concept-selector-active-6><a href=#concept-selector-active>being activated</a></i> if it is <a href=#in-a-formal-activation-state id=pseudo-
classes:in-a-formal-activation-state-3>in a formal activation
+ state</a>.<dt>If the element is <a href=#being-actively-pointed-at id=pseudo-classes:being-actively-pointed-at>being actively pointed at</a><dd><p>The element is <i id=pseudo-classes:concept-selector-active-7><a href=#concept-selector-active>being activated</a></i>.</dl>
- <p>An element that the user indicates using a pointing device while that pointing device is in
- the "down" state (e.g. for a mouse, between the time the mouse button is pressed and the time
- it is depressed), unless the element falls into one of the following categories:</p>
+ <p>An element is said to be <dfn id=in-a-formal-activation-state>in a formal activation state</dfn> between the time the user
+ begins to indicate an intent to trigger the element's <a href=#activation-behaviour id=pseudo-classes:activation-behaviour>activation behaviour</a> and
+ either the time the user stops indicating an intent to trigger the element's <a href=#activation-behaviour id=pseudo-classes:activation-behaviour-2>activation
+ behaviour</a>, or the time the element's <a href=#activation-behaviour id=pseudo-classes:activation-behaviour-3>activation behaviour</a> has finished
+ running, which ever comes first.</p>
- <ul><li><code id=pseudo-classes:the-a-element-3><a href=#the-a-element>a</a></code> elements that have an <code id=pseudo-classes:attr-hyperlink-href-5><a href=#attr-hyperlink-href>href</a></code>
- attribute<li><code id=pseudo-classes:the-area-element-3><a href=#the-area-element>area</a></code> elements that have an <code id=pseudo-classes:attr-hyperlink-href-6><a href=#attr-hyperlink-href>href</a></code>
- attribute<li><code id=pseudo-classes:the-link-element-3><a href=#the-link-element>link</a></code> elements that have an <code id=pseudo-classes:attr-link-href-3><a href=#attr-link-href>href</a></code>
- attribute<li><code id=pseudo-classes:the-button-element-4><a href=#the-button-element>button</a></code> elements<li><code id=pseudo-classes:the-input-element-3><a href=#the-input-element>input</a></code> elements elements whose <code id=pseudo-classes:attr-input-type-3><a href=#attr-input-type>type</a></code> attribute is
- in the <a href="#submit-button-state-(type=submit)" id="pseudo-classes:submit-button-state-(type=submit)-3">Submit Button</a>, <a href="#image-button-state-(type=image)" id="pseudo-classes:image-button-state-(type=image)-3">Image Button</a>, <a href="#reset-button-state-(type=reset)" id="pseudo-classes:reset-button-state-(type=reset)-3">Reset
- Button</a>, or <a href="#button-state-(type=button)" id="pseudo-classes:button-state-(type=button)-3">Button</a> state<li><code id=pseudo-classes:the-menuitem-element-3><a href=#the-menuitem-element>menuitem</a></code> elements<li>elements that have their <a href=#specially-focusable id=pseudo-classes:specially-focusable-2>tabindex focus flag</a> set</ul>
+ <p>An element is said to be <dfn id=being-actively-pointed-at>being actively pointed at</dfn> while the user indicates the
+ element using a pointing device while that pointing device is in the "down" state (e.g. for a
+ mouse, between the time the mouse button is pressed and the time it is depressed; for a finger
+ in a multitouch environment, while the finger is touching the display surface).</p>
- <li>
-
- <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>
<p>The <code id=pseudo-classes: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
@@ -51194,7 +51174,7 @@
<p>The <code id=pseudo-classes:selector-enabled><a href=#selector-enabled>:enabled</a></code> pseudo-class must match any element
that is one of the following:</p>
- <ul><li>a <code id=pseudo-classes:the-button-element-5><a href=#the-button-element>button</a></code> element that is not <a href=#concept-fe-disabled id=pseudo-classes:concept-fe-disabled-3>disabled</a><li>an <code id=pseudo-classes:the-input-element-4><a href=#the-input-element>input</a></code> element that is not <a href=#concept-fe-disabled id=pseudo-classes:concept-fe-disabled-4>disabled</a><li>a <code id=pseudo-classes:the-select-element><a href=#the-select-element>select</a></code> element that is not <a href=#concept-fe-disabled id=pseudo-classes:concept-fe-disabled-5>disabled</a><li>a <code id=pseudo-classes:the-textarea-element><a href=#the-textarea-element>textarea</a></code> element that is not <a href=#concept-fe-disabled id=pseudo-classes:concept-fe-disabled-6>disabled</a><li>an <code id=pseudo-classes:the-optgroup-element><a href=#the-optgroup-element>optgroup</a></code> element that does not have a <code id=pseudo-classes:attr-optgroup-disabled><a href=#at
tr-optgroup-disabled>disabled</a></code> attribute<li>an <code id=pseudo-classes:the-option-element><a href=#the-option-element>option</a></code> element that is not <a href=#concept-option-disabled id=pseudo-classes:concept-option-disabled>disabled</a><li>a <code id=pseudo-classes:the-menuitem-element-4><a href=#the-menuitem-element>menuitem</a></code> element that does not have a <code id=pseudo-classes:attr-menuitem-disabled-2><a href=#attr-menuitem-disabled>disabled</a></code> attribute<li>a <code id=pseudo-classes:the-fieldset-element><a href=#the-fieldset-element>fieldset</a></code> element that is not a <a href=#concept-fieldset-disabled id=pseudo-classes:concept-fieldset-disabled>disabled fieldset</a></ul>
+ <ul><li>a <code id=pseudo-classes:the-button-element-3><a href=#the-button-element>button</a></code> element that is not <a href=#concept-fe-disabled id=pseudo-classes:concept-fe-disabled-2>disabled</a><li>an <code id=pseudo-classes:the-input-element-2><a href=#the-input-element>input</a></code> element that is not <a href=#concept-fe-disabled id=pseudo-classes:concept-fe-disabled-3>disabled</a><li>a <code id=pseudo-classes:the-select-element><a href=#the-select-element>select</a></code> element that is not <a href=#concept-fe-disabled id=pseudo-classes:concept-fe-disabled-4>disabled</a><li>a <code id=pseudo-classes:the-textarea-element><a href=#the-textarea-element>textarea</a></code> element that is not <a href=#concept-fe-disabled id=pseudo-classes:concept-fe-disabled-5>disabled</a><li>an <code id=pseudo-classes:the-optgroup-element><a href=#the-optgroup-element>optgroup</a></code> element that does not have a <code id=pseudo-classes:attr-optgroup-disabled><a href=#at
tr-optgroup-disabled>disabled</a></code> attribute<li>an <code id=pseudo-classes:the-option-element><a href=#the-option-element>option</a></code> element that is not <a href=#concept-option-disabled id=pseudo-classes:concept-option-disabled>disabled</a><li>a <code id=pseudo-classes:the-menuitem-element-2><a href=#the-menuitem-element>menuitem</a></code> element that does not have a <code id=pseudo-classes:attr-menuitem-disabled-2><a href=#attr-menuitem-disabled>disabled</a></code> attribute<li>a <code id=pseudo-classes:the-fieldset-element><a href=#the-fieldset-element>fieldset</a></code> element that is not a <a href=#concept-fieldset-disabled id=pseudo-classes:concept-fieldset-disabled>disabled fieldset</a></ul>
<dt><dfn id=selector-disabled><code>:disabled</code></dfn><dd>
@@ -51206,11 +51186,11 @@
<p>The <code id=pseudo-classes:selector-checked><a href=#selector-checked>:checked</a></code> pseudo-class must match any element
falling into one of the following categories:</p>
- <ul><li><code id=pseudo-classes:the-input-element-5><a href=#the-input-element>input</a></code> elements whose <code id=pseudo-classes:attr-input-type-4><a href=#attr-input-type>type</a></code> attribute is in
- the <a href="#checkbox-state-(type=checkbox)" id="pseudo-classes:checkbox-state-(type=checkbox)">Checkbox</a> state and whose <a href=#concept-fe-checked id=pseudo-classes:concept-fe-checked>checkedness</a> state is true<li><code id=pseudo-classes:the-input-element-6><a href=#the-input-element>input</a></code> elements whose <code id=pseudo-classes:attr-input-type-5><a href=#attr-input-type>type</a></code> attribute is in
- the <a href="#radio-button-state-(type=radio)" id="pseudo-classes:radio-button-state-(type=radio)">Radio Button</a> state and whose <a href=#concept-fe-checked id=pseudo-classes:concept-fe-checked-2>checkedness</a> state is true<li><code id=pseudo-classes:the-option-element-2><a href=#the-option-element>option</a></code> elements whose <a href=#concept-option-selectedness id=pseudo-classes:concept-option-selectedness>selectedness</a> is true<li><code id=pseudo-classes:the-menuitem-element-5><a href=#the-menuitem-element>menuitem</a></code> elements whose <code id=pseudo-classes:attr-menuitem-type><a href=#attr-menuitem-type>type</a></code> attribute
+ <ul><li><code id=pseudo-classes:the-input-element-3><a href=#the-input-element>input</a></code> elements whose <code id=pseudo-classes:attr-input-type-2><a href=#attr-input-type>type</a></code> attribute is in
+ the <a href="#checkbox-state-(type=checkbox)" id="pseudo-classes:checkbox-state-(type=checkbox)">Checkbox</a> state and whose <a href=#concept-fe-checked id=pseudo-classes:concept-fe-checked>checkedness</a> state is true<li><code id=pseudo-classes:the-input-element-4><a href=#the-input-element>input</a></code> elements whose <code id=pseudo-classes:attr-input-type-3><a href=#attr-input-type>type</a></code> attribute is in
+ the <a href="#radio-button-state-(type=radio)" id="pseudo-classes:radio-button-state-(type=radio)">Radio Button</a> state and whose <a href=#concept-fe-checked id=pseudo-classes:concept-fe-checked-2>checkedness</a> state is true<li><code id=pseudo-classes:the-option-element-2><a href=#the-option-element>option</a></code> elements whose <a href=#concept-option-selectedness id=pseudo-classes:concept-option-selectedness>selectedness</a> is true<li><code id=pseudo-classes:the-menuitem-element-3><a href=#the-menuitem-element>menuitem</a></code> elements whose <code id=pseudo-classes:attr-menuitem-type><a href=#attr-menuitem-type>type</a></code> attribute
is in the <a href=#attr-menuitem-type-state-checkbox id=pseudo-classes:attr-menuitem-type-state-checkbox>Checkbox</a> state and that have a
- <code id=pseudo-classes:attr-menuitem-checked><a href=#attr-menuitem-checked>checked</a></code> attribute<li><code id=pseudo-classes:the-menuitem-element-6><a href=#the-menuitem-element>menuitem</a></code> elements whose <code id=pseudo-classes:attr-menuitem-type-2><a href=#attr-menuitem-type>type</a></code> attribute
+ <code id=pseudo-classes:attr-menuitem-checked><a href=#attr-menuitem-checked>checked</a></code> attribute<li><code id=pseudo-classes:the-menuitem-element-4><a href=#the-menuitem-element>menuitem</a></code> elements whose <code id=pseudo-classes:attr-menuitem-type-2><a href=#attr-menuitem-type>type</a></code> attribute
is in the <a href=#attr-menuitem-type-state-radio id=pseudo-classes:attr-menuitem-type-state-radio>Radio</a> state and that have a <code id=pseudo-classes:attr-menuitem-checked-2><a href=#attr-menuitem-checked>checked</a></code> attribute</ul>
<dt><dfn id=selector-indeterminate><code>:indeterminate</code></dfn><dd>
@@ -51218,10 +51198,10 @@
<p>The <code id=pseudo-classes:selector-indeterminate><a href=#selector-indeterminate>:indeterminate</a></code> pseudo-class must match any
element falling into one of the following categories:</p>
- <ul><li><code id=pseudo-classes:the-input-element-7><a href=#the-input-element>input</a></code> elements whose <code id=pseudo-classes:attr-input-type-6><a href=#attr-input-type>type</a></code> attribute is in
- the <a href="#checkbox-state-(type=checkbox)" id="pseudo-classes:checkbox-state-(type=checkbox)-2">Checkbox</a> state and whose <code id=pseudo-classes:dom-input-indeterminate><a href=#dom-input-indeterminate>indeterminate</a></code> IDL attribute is set to true<li><code id=pseudo-classes:the-input-element-8><a href=#the-input-element>input</a></code> elements whose <code id=pseudo-classes:attr-input-type-7><a href=#attr-input-type>type</a></code> attribute is in
+ <ul><li><code id=pseudo-classes:the-input-element-5><a href=#the-input-element>input</a></code> elements whose <code id=pseudo-classes:attr-input-type-4><a href=#attr-input-type>type</a></code> attribute is in
+ the <a href="#checkbox-state-(type=checkbox)" id="pseudo-classes:checkbox-state-(type=checkbox)-2">Checkbox</a> state and whose <code id=pseudo-classes:dom-input-indeterminate><a href=#dom-input-indeterminate>indeterminate</a></code> IDL attribute is set to true<li><code id=pseudo-classes:the-input-element-6><a href=#the-input-element>input</a></code> elements whose <code id=pseudo-classes:attr-input-type-5><a href=#attr-input-type>type</a></code> attribute is in
the <a href="#radio-button-state-(type=radio)" id="pseudo-classes:radio-button-state-(type=radio)-2">Radio Button</a> state and whose <a href=#radio-button-group id=pseudo-classes:radio-button-group>radio button
- group</a> contains no <code id=pseudo-classes:the-input-element-9><a href=#the-input-element>input</a></code> elements whose <a href=#concept-fe-checked id=pseudo-classes:concept-fe-checked-3>checkedness</a> state is true.<li><code id=pseudo-classes:the-progress-element><a href=#the-progress-element>progress</a></code> elements with no <code id=pseudo-classes:attr-progress-value><a href=#attr-progress-value>value</a></code>
+ group</a> contains no <code id=pseudo-classes:the-input-element-7><a href=#the-input-element>input</a></code> elements whose <a href=#concept-fe-checked id=pseudo-classes:concept-fe-checked-3>checkedness</a> state is true.<li><code id=pseudo-classes:the-progress-element><a href=#the-progress-element>progress</a></code> elements with no <code id=pseudo-classes:attr-progress-value><a href=#attr-progress-value>value</a></code>
content attribute</ul>
<dt><dfn id=selector-default><code>:default</code></dfn><dd>
@@ -51229,9 +51209,9 @@
<p>The <code id=pseudo-classes:selector-default><a href=#selector-default>:default</a></code> pseudo-class must match any element
falling into one of the following categories:</p>
- <ul><li><code id=pseudo-classes:the-button-element-6><a href=#the-button-element>button</a></code> elements that are their form's <a href=#default-button id=pseudo-classes:default-button>default button</a><li><code id=pseudo-classes:the-input-element-10><a href=#the-input-element>input</a></code> elements whose <code id=pseudo-classes:attr-input-type-8><a href=#attr-input-type>type</a></code> attribute is in
- the <a href="#submit-button-state-(type=submit)" id="pseudo-classes:submit-button-state-(type=submit)-4">Submit Button</a> or <a href="#image-button-state-(type=image)" id="pseudo-classes:image-button-state-(type=image)-4">Image Button</a> state, and that are their form's
- <a href=#default-button id=pseudo-classes:default-button-2>default button</a><li><code id=pseudo-classes:the-input-element-11><a href=#the-input-element>input</a></code> elements to which the <code id=pseudo-classes:attr-input-checked><a href=#attr-input-checked>checked</a></code>
+ <ul><li><code id=pseudo-classes:the-button-element-4><a href=#the-button-element>button</a></code> elements that are their form's <a href=#default-button id=pseudo-classes:default-button>default button</a><li><code id=pseudo-classes:the-input-element-8><a href=#the-input-element>input</a></code> elements whose <code id=pseudo-classes:attr-input-type-6><a href=#attr-input-type>type</a></code> attribute is in
+ the <a href="#submit-button-state-(type=submit)" id="pseudo-classes:submit-button-state-(type=submit)-2">Submit Button</a> or <a href="#image-button-state-(type=image)" id="pseudo-classes:image-button-state-(type=image)-2">Image Button</a> state, and that are their form's
+ <a href=#default-button id=pseudo-classes:default-button-2>default button</a><li><code id=pseudo-classes:the-input-element-9><a href=#the-input-element>input</a></code> elements to which the <code id=pseudo-classes:attr-input-checked><a href=#attr-input-checked>checked</a></code>
attribute applies and that have a <code id=pseudo-classes:attr-input-checked-2><a href=#attr-input-checked>checked</a></code>
attribute<li><code id=pseudo-classes:the-option-element-3><a href=#the-option-element>option</a></code> elements that have a <code id=pseudo-classes:attr-option-selected><a href=#attr-option-selected>selected</a></code>
attribute</ul>
@@ -51283,7 +51263,7 @@
<p>The <code id=pseudo-classes:selector-required><a href=#selector-required>:required</a></code> pseudo-class must match any element
falling into one of the following categories:</p>
- <ul><li><code id=pseudo-classes:the-input-element-12><a href=#the-input-element>input</a></code> elements that are <i id=pseudo-classes:concept-input-required><a href=#concept-input-required>required</a></i><li><code id=pseudo-classes:the-select-element-2><a href=#the-select-element>select</a></code> elements that have a <code id=pseudo-classes:attr-select-required><a href=#attr-select-required>required</a></code>
+ <ul><li><code id=pseudo-classes:the-input-element-10><a href=#the-input-element>input</a></code> elements that are <i id=pseudo-classes:concept-input-required><a href=#concept-input-required>required</a></i><li><code id=pseudo-classes:the-select-element-2><a href=#the-select-element>select</a></code> elements that have a <code id=pseudo-classes:attr-select-required><a href=#attr-select-required>required</a></code>
attribute<li><code id=pseudo-classes:the-textarea-element-2><a href=#the-textarea-element>textarea</a></code> elements that have a <code id=pseudo-classes:attr-textarea-required><a href=#attr-textarea-required>required</a></code> attribute</ul>
<dt><dfn id=selector-optional><code>:optional</code></dfn><dd>
@@ -51291,7 +51271,7 @@
<p>The <code id=pseudo-classes:selector-optional><a href=#selector-optional>:optional</a></code> pseudo-class must match any element
falling into one of the following categories:</p>
- <ul><li><code id=pseudo-classes:the-input-element-13><a href=#the-input-element>input</a></code> elements to which the <code id=pseudo-classes:attr-input-required><a href=#attr-input-required>required</a></code>
+ <ul><li><code id=pseudo-classes:the-input-element-11><a href=#the-input-element>input</a></code> elements to which the <code id=pseudo-classes:attr-input-required><a href=#attr-input-required>required</a></code>
attribute applies that are not <i id=pseudo-classes:concept-input-required-2><a href=#concept-input-required>required</a></i><li><code id=pseudo-classes:the-select-element-3><a href=#the-select-element>select</a></code> elements that do not have a <code id=pseudo-classes:attr-select-required-2><a href=#attr-select-required>required</a></code> attribute<li><code id=pseudo-classes:the-textarea-element-3><a href=#the-textarea-element>textarea</a></code> elements that do not have a <code id=pseudo-classes:attr-textarea-required-2><a href=#attr-textarea-required>required</a></code> attribute</ul>
<dt><dfn id=selector-read-only><code>:read-only</code></dfn><dt><dfn id=selector-read-write><code>:read-write</code></dfn><dd>
@@ -51300,11 +51280,11 @@
falling into one of the following categories, which for the purposes of Selectors are thus
considered <i>user-alterable</i>: <a href=#refsSELECTORS>[SELECTORS]</a></p>
- <ul><li><code id=pseudo-classes:the-input-element-14><a href=#the-input-element>input</a></code> elements to which the <code id=pseudo-classes:attr-input-readonly><a href=#attr-input-readonly>readonly</a></code>
+ <ul><li><code id=pseudo-classes:the-input-element-12><a href=#the-input-element>input</a></code> elements to which the <code id=pseudo-classes:attr-input-readonly><a href=#attr-input-readonly>readonly</a></code>
attribute applies, and that are <i id=pseudo-classes:concept-fe-mutable><a href=#concept-fe-mutable>mutable</a></i> (i.e. that do not
have the <code id=pseudo-classes:attr-input-readonly-2><a href=#attr-input-readonly>readonly</a></code> attribute specified and that are not
- <a href=#concept-fe-disabled id=pseudo-classes:concept-fe-disabled-7>disabled</a>)<li><code id=pseudo-classes:the-textarea-element-4><a href=#the-textarea-element>textarea</a></code> elements that do not have a <code id=pseudo-classes:attr-textarea-readonly><a href=#attr-textarea-readonly>readonly</a></code> attribute, and that are not <a href=#concept-fe-disabled id=pseudo-classes:concept-fe-disabled-8>disabled</a><li>elements that are <a href=#editing-host id=pseudo-classes:editing-host>editing hosts</a> or <a href=#editable id=pseudo-classes:editable>editable</a>
- and are neither <code id=pseudo-classes:the-input-element-15><a href=#the-input-element>input</a></code> elements nor <code id=pseudo-classes:the-textarea-element-5><a href=#the-textarea-element>textarea</a></code> elements</ul>
+ <a href=#concept-fe-disabled id=pseudo-classes:concept-fe-disabled-6>disabled</a>)<li><code id=pseudo-classes:the-textarea-element-4><a href=#the-textarea-element>textarea</a></code> elements that do not have a <code id=pseudo-classes:attr-textarea-readonly><a href=#attr-textarea-readonly>readonly</a></code> attribute, and that are not <a href=#concept-fe-disabled id=pseudo-classes:concept-fe-disabled-7>disabled</a><li>elements that are <a href=#editing-host id=pseudo-classes:editing-host>editing hosts</a> or <a href=#editable id=pseudo-classes:editable>editable</a>
+ and are neither <code id=pseudo-classes:the-input-element-13><a href=#the-input-element>input</a></code> elements nor <code id=pseudo-classes:the-textarea-element-5><a href=#the-textarea-element>textarea</a></code> elements</ul>
<p>The <code id=pseudo-classes:selector-read-only><a href=#selector-read-only>:read-only</a></code> pseudo-class must match all other
<a href=#html-elements id=pseudo-classes:html-elements>HTML elements</a>.</p>
@@ -51319,7 +51299,7 @@
<p>The <code id=pseudo-classes:selector-rtl><a href=#selector-rtl>:dir(rtl)</a></code> pseudo-class must match all elements whose
<a href=#the-directionality id=pseudo-classes:the-directionality-2>directionality</a> is '<a href=#concept-rtl id=pseudo-classes:concept-rtl>rtl</a>'.</p>
- </dl><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=bugs><strong>Spec bugs:</strong> <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=27245" title=":active should not match <input type=button disabled>">27245</a></div>
+ </dl>
<p class=note>Another section of this specification defines the <i id=pseudo-classes:target-element><a href=#target-element>target element</a></i> used with the <code id=pseudo-classes:selector-target><a href=#selector-target>:target</a></code>
pseudo-class.</p>
Modified: source
===================================================================
--- source 2015-01-07 01:02:44 UTC (rev 8876)
+++ source 2015-01-07 01:26:33 UTC (rev 8877)
@@ -67234,116 +67234,96 @@
<p>The <code data-x="selector-active">:active</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 an
- element is <i>being activated</i> by the user</q>. For the purposes of defining the <code
- data-x="selector-active">:active</code> pseudo-class only, an HTML user agent must consider an
- element as <i>being activated</i> if it is:</p>
+ element is <dfn><i data-x="concept-selector-active">being activated</i></dfn> by the user</q>.</p>
- <ul>
+ <p>To determine whether a particular element is <i data-x="concept-selector-active">being activated</i> for the purposes of
+ defining the <code data-x="selector-active">:active</code> pseudo-class only, an HTML user agent
+ must use the first relevant entry in the following list.</p>
- <li>
+ <dl>
- <p>An element falling into one of the following categories between the time the user begins to
- indicate an intent to trigger the element's <span>activation behaviour</span> and either the
- time the user stops indicating an intent to trigger the element's <span>activation
- behaviour</span>, or the time the element's <span>activation behaviour</span> has finished
- running, which ever comes first:</p>
- <ul>
+ <dt>If the element has a descendant that is currently matching the <code
+ data-x="selector-active">:active</code> pseudo-class</dt>
- <li><code>a</code> elements that have an <code data-x="attr-hyperlink-href">href</code>
- attribute</li>
+ <dd><p>The element is <i data-x="concept-selector-active">being activated</i>.</p></dd>
- <li><code>area</code> elements that have an <code data-x="attr-hyperlink-href">href</code>
- attribute</li>
+ <!-- this even trumps the <button disabled> stuff below:
+ http://software.hixie.ch/utilities/js/live-dom-viewer/saved/3355
+ http://software.hixie.ch/utilities/js/live-dom-viewer/saved/3356
+ -->
- <li><code>link</code> elements that have an <code data-x="attr-link-href">href</code>
- attribute</li>
- <li><code>button</code> elements that are not <span
- data-x="concept-fe-disabled">disabled</span></li>
+ <dt>If the element is the <span>labeled control</span> of a <code>label</code> element that is
+ currently matching <span data-x="selector-active">:active</span></dt>
- <li><code>input</code> elements elements that are not <span
- data-x="concept-fe-disabled">disabled</span> and whose <code data-x="attr-input-type">type</code> attribute is
- in the <span data-x="attr-input-type-submit">Submit Button</span>, <span
- data-x="attr-input-type-image">Image Button</span>, <span data-x="attr-input-type-reset">Reset
- Button</span>, or <span data-x="attr-input-type-button">Button</span> state</li>
+ <dd><p>The element is <i data-x="concept-selector-active">being activated</i>.</p></dd>
- <li><code>menuitem</code> elements that do not have a <code
- data-x="attr-menuitem-disabled">disabled</code> attribute</li>
+ <!-- this even trumps the <button disabled> stuff below:
+ http://software.hixie.ch/utilities/js/live-dom-viewer/saved/3354
+ -->
- <li>elements that have their <span>tabindex focus flag</span> set, except for elements that
- fall into one of the following categories:
- <ul>
+ <dt>If the element is a <code>button</code> element</dt>
- <li><code>button</code> elements</li>
+ <dt>If the element is an <code>input</code> element whose <code
+ data-x="attr-input-type">type</code> attribute is in the <span
+ data-x="attr-input-type-submit">Submit Button</span>, <span
+ data-x="attr-input-type-image">Image Button</span>, <span data-x="attr-input-type-reset">Reset
+ Button</span>, or <span data-x="attr-input-type-button">Button</span> state</dt>
- <li><code>input</code> elements elements whose <code data-x="attr-input-type">type</code> attribute is
- in the <span data-x="attr-input-type-submit">Submit Button</span>, <span
- data-x="attr-input-type-image">Image Button</span>, <span data-x="attr-input-type-reset">Reset
- Button</span>, or <span data-x="attr-input-type-button">Button</span> state</li>
+ <dd>
- <li><code>menuitem</code> elements</li>
+ <p>The element is <i data-x="concept-selector-active">being activated</i> if it is <span>in a formal activation state</span>
+ and it is not <span data-x="concept-fe-disabled">disabled</span>.</p>
- </ul>
-
- </ul>
-
<p class="example">For example, if the user is using a keyboard to push a <code>button</code>
element by pressing the space bar, the element would match this pseudo-class in between the
time that the element received the <code data-x="event-keydown">keydown</code> event and the
time the element received the <code data-x="event-keyup">keyup</code> event.</p>
- </li>
+ </dd>
- <li>
- <p>An element that the user indicates using a pointing device while that pointing device is in
- the "down" state (e.g. for a mouse, between the time the mouse button is pressed and the time
- it is depressed), unless the element falls into one of the following categories:</p>
+ <dt>If the element is a <code>menuitem</code> element</dt>
- <ul>
+ <dd><p>The element is <i data-x="concept-selector-active">being activated</i> if it is <span>in a formal activation state</span>
+ and it does not have a <code data-x="attr-menuitem-disabled">disabled</code>
+ attribute.</p></dd>
- <li><code>a</code> elements that have an <code data-x="attr-hyperlink-href">href</code>
- attribute</li>
- <li><code>area</code> elements that have an <code data-x="attr-hyperlink-href">href</code>
- attribute</li>
+ <dt>If the element is an <code>a</code> element that has an <code
+ data-x="attr-hyperlink-href">href</code> attribute</dt>
- <li><code>link</code> elements that have an <code data-x="attr-link-href">href</code>
- attribute</li>
+ <dt>If the element is an <code>area</code> element that has an <code
+ data-x="attr-hyperlink-href">href</code> attribute</dt>
- <li><code>button</code> elements</li>
+ <dt>If the element is a <code>link</code> element that has an <code
+ data-x="attr-link-href">href</code> attribute</dt>
- <li><code>input</code> elements elements whose <code data-x="attr-input-type">type</code> attribute is
- in the <span data-x="attr-input-type-submit">Submit Button</span>, <span
- data-x="attr-input-type-image">Image Button</span>, <span data-x="attr-input-type-reset">Reset
- Button</span>, or <span data-x="attr-input-type-button">Button</span> state</li>
+ <dt>If the element has its <span>tabindex focus flag</span> set</dt>
- <li><code>menuitem</code> elements</li>
+ <dd><p>The element is <i data-x="concept-selector-active">being activated</i> if it is <span>in a formal activation
+ state</span>.</p></dd>
- <li>elements that have their <span>tabindex focus flag</span> set</li>
- </ul>
+ <dt>If the element is <span>being actively pointed at</span></dt>
- </li>
+ <dd><p>The element is <i data-x="concept-selector-active">being activated</i>.</p></dd>
- <li>
+ </dl>
- <p>An element that has a descendant that is currently matching the <code
- data-x="selector-active">:active</code> pseudo-class.</p>
+ <p>An element is said to be <dfn>in a formal activation state</dfn> between the time the user
+ begins to indicate an intent to trigger the element's <span>activation behaviour</span> and
+ either the time the user stops indicating an intent to trigger the element's <span>activation
+ behaviour</span>, or the time the element's <span>activation behaviour</span> has finished
+ running, which ever comes first.</p>
- </li>
+ <p>An element is said to be <dfn>being actively pointed at</dfn> while the user indicates the
+ element using a pointing device while that pointing device is in the "down" state (e.g. for a
+ mouse, between the time the mouse button is pressed and the time it is depressed; for a finger
+ in a multitouch environment, while the finger is touching the display surface).</p>
- <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