5.11.3 The dynamic pseudo-classes: :hover, :active, and :focus

Chapter 5 - Selectors - 5.11.3 The dynamic pseudo-classes: :hover, :active, and :focus

Go to the relevant page of the specification.

active-selector-001 (interact)

Active pseudo-class matching
Active pseudo-class selector matches any element which has been activated until it has been deactivated.

active-selector-002 (interact)

:active (basic test)

c21-activ-ln-000 (interact)

anchor

c21-focus-ln-000 (interact)

anchor

c21-hover-ln-000 (interact)

anchor

dom-hover-001 (dom, interact)

Effect of DOM mutations on :hover matching

dom-hover-002 (dom, interact)

Effect of DOM mutations on :hover matching

dynamic-pseudo-classes-000 (interact)

Selectors: The dynamic pseudo-classes: :hover on links
Browsers should honour the change of state in the elements

dynamic-pseudo-classes-001 (interact)

Selectors: The dynamic pseudo-classes: :hover on different elements
Browsers should honour the change of state in the elements

dynamic-pseudo-classes-002 (interact)

Selectors: The dynamic pseudo-classes: :active
Browsers should honour the change of state in the elements

dynamic-pseudo-classes-003 (interact)

Selectors: The dynamic pseudo-classes: :focus
Browsers should honour the change of state in the elements

focus-pseudo-class-001 (interact)

:focus pseudo-class - adjacent sibling selector
An HTML 4 textarea must be focused in order to enter text into it. The :focus pseudo-class applies to a textarea while it has the focus (accepts keyboard events or other forms of text input).

focus-pseudo-class-002 (interact)

:focus pseudo-class - adjacent sibling selector
An HTML 4 text input control must be focused in order to enter text into it. The :focus pseudo-class applies to a text input control while it has the focus (accepts keyboard events or other forms of text input).

focus-pseudo-class-003 (interact)

:focus pseudo-class - adjacent sibling selector
An HTML 4 radio button must receive focus state when clicking on it or when selecting it with the keyboard. The :focus pseudo-class applies to a radio button while it has the focus (accepts keyboard events or other forms of input).

focus-selector-001 (interact)

Focus selector on controls
Focus pseudo-class matches any element which has input focus.

hover-selector-001 (interact)

Hover selector on a simple element
The :hover pseudo-class selects an element which is being hovered by the mouse cursor.

hover-selector-002 (interact)

:hover and font-weight

hover-selector-003 (interact)

:hover and font-weight