:focus


Topic | v1 | created by jjones |
Description

The :focus CSS pseudo-class represents an element (such as a form input) that has received focus. It is generally triggered when the user clicks or taps on an element or selects it with the keyboard's Tab key.


Relations

is CSS pseudo-class

A CSS pseudo-class is a keyword added to a selector that specifies a special state of the selected el...


Edit details Edit relations Attach new author Attach new topic Attach new resource
Resources

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

10.0 rating 2.0 level 9.0 clarity 5.0 background – 1 rating

When we select an element by its .class or #id, we’re using predefined and unchanging attributes that...

treated in Whenever you use :hover, also use :focus | 456 Berea Street

8.0 rating 2.0 level 9.0 clarity 5.5 background – 2 ratings

Neglecting to style :focus when you style the :hover pseudo-class can lead to minor inconvenience at...