Skip to content

Commit c9bbd41

Browse files
committed
Make :indeterminate normative
1 parent 0dea06e commit c9bbd41

2 files changed

Lines changed: 26 additions & 19 deletions

File tree

selectors4/Overview.html

Lines changed: 15 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -1935,18 +1935,24 @@ <h3 id=checked><span class=secno>10.2. </span> The :checked pseudo-class</h3>
19351935
in which case the <code>:checked</code> pseudo-class would no longer
19361936
apply.
19371937

1938+
<div class=example>
1939+
<p>An unchecked checkbox can be selected by using the <code>:not()</code>
1940+
pseudo-class:
1941+
1942+
<pre>:not(:checked)</pre>
1943+
1944+
<pre>
1945+
</pre>
1946+
</div>
1947+
19381948
<h3 id=indeterminate><span class=secno>10.3. </span> The :indeterminate
19391949
pseudo-class</h3>
19401950

1941-
<p>Radio and checkbox elements can be toggled by the user, but are
1942-
sometimes in an indeterminate state, neither checked nor unchecked. This
1943-
can be due to an element attribute, or DOM manipulation.
1944-
1945-
<p>A future version of this specification may introduce an
1946-
<code>:indeterminate</code> pseudo-class that applies to such elements.
1947-
While the <code>:indeterminate</code> pseudo-class is dynamic in nature,
1948-
and is altered by user action, since it can also be based on the presence
1949-
of an element attribute, it applies to all media.
1951+
<p>Radio and checkbox elements can be toggled between checked and unchecked
1952+
states, but are sometimes in an indeterminate state, neither checked nor
1953+
unchecked. The <code>:indeterminate</code> pseudo-class applies to such
1954+
elements. Like the <code>:checked<code> pseudo-class, it applies to all
1955+
media.</code></code>
19501956

19511957
<p>Components of a radio-group initialized with no pre-selected choice are
19521958
an example of :indeterminate state.

selectors4/Overview.src.html

Lines changed: 11 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -1484,24 +1484,25 @@ <h3 id=checked>
14841484
elements in which case the <code>:checked</code> pseudo-class would no
14851485
longer apply.
14861486

1487+
<div class="example">
1488+
<p>An unchecked checkbox can be selected by using the <code>:not()</code>
1489+
pseudo-class:
1490+
<pre>:not(:checked)<pre>
1491+
</div>
1492+
14871493
<h3 id=indeterminate>
14881494
The :indeterminate pseudo-class</h3>
14891495

1490-
<p>Radio and checkbox elements can be toggled by the user, but are
1491-
sometimes in an indeterminate state, neither checked nor unchecked.
1492-
This can be due to an element attribute, or DOM manipulation.</p>
1493-
1494-
<p>A future version of this specification may introduce an
1495-
<code>:indeterminate</code> pseudo-class that applies to such elements.
1496-
While the <code>:indeterminate</code> pseudo-class is dynamic in
1497-
nature, and is altered by user action, since it can also be based on
1498-
the presence of an element attribute, it applies to all media.</p>
1496+
<p>Radio and checkbox elements can be toggled between checked and
1497+
unchecked states, but are sometimes in an indeterminate state,
1498+
neither checked nor unchecked.
1499+
The <code>:indeterminate</code> pseudo-class applies to such elements.
1500+
Like the <code>:checked<code> pseudo-class, it applies to all media.</p>
14991501

15001502
<p>Components of a radio-group initialized with no pre-selected choice
15011503
are an example of :indeterminate state.</p>
15021504
</div>
15031505

1504-
15051506
<h2 id=structural-pseudos>
15061507
Structural pseudo-classes</h2>
15071508

0 commit comments

Comments
 (0)