:just-unchecked

selectorsince 0.1requires runtime

Matches a checkbox or radio after an observed checked → unchecked change, until its next change.

On this page · 8 sections+

Syntax Parameters Return value Example Behavior Supported contexts Limitations Related

Syntax

input:just-unchecked { … }

:just-uncheckedSelector · hover any red tokenMatches a checkbox or radio after an observed checked → unchecked change, until its next change.Reference →

registry syntax: :just-unchecked

Parameters

None.

Return value

A pseudo-class, compiled to [data-rcss-just-unchecked].

Example

icons.cssreactive

input:just-checked + .icon {  animation: check-in 300ms;}input:just-unchecked + .icon {  animation: check-out 300ms;}

:just-checkedSelector · hover any red tokenMatches a checkbox or radio after an observed unchecked → checked change, until its next change.Reference →

Behavior

Includes a radio that loses its state when another radio in its group is selected.

Supported contexts

Checkboxes and radio buttons.

Limitations

Same lifecycle as :just-checked.

:just-checked :changed()

Experimental · syntax may change between minor versions