When do the :hover, :focus, and :active pseudo-classes apply?

Resource | v1 | created by jjones |
Type Web
Created 2018-12-11
Identifier unavailable


When we select an element by its .class or #id, we’re using predefined and unchanging attributes that are baked into the DOM. With pseudo-classes, we can select elements using information that isn’t already in the DOM and can change based on how a user interacts with the page.


about :hover

The :hover CSS pseudo-class matches when the user interacts with an element with a pointing device, b...

about :focus

The :focus CSS pseudo-class represents an element (such as a form input) that has received focus. It...

about :active

The :active CSS pseudo-class represents an element (such as a button) that is being activated by the...

Edit details Edit relations Attach new author Attach new topic Attach new resource
10.0 /10
useless alright awesome
from 1 review
Write comment Rate resource Tip: Rating is anonymous unless you also write a comment.
Resource level 2.0 /10
beginner intermediate advanced
Resource clarity 9.0 /10
hardly clear sometimes unclear perfectly clear
Reviewer's background 5.0 /10
none basics intermediate advanced expert
Comments 0
Currently, there aren't any comments.