Action Pseudo-class (:hover, :active, :focus, :visited) - Element state

Chrome Devtool Selector

Action Pseudo-class (:hover, :active, :focus, :visited) - Element state


Action pseudo class


:hover will apply a style when the user hovers over the element specified by the selector.

<p>Hello, hover on me to see me in red</p>
p:hover {
  color: red;


Dev Tool

In the browser developer tool, you can change the state of an element to test it.

Force Element State

Discover More
Devtool Track Active Element
HTML - Focus (Active element) (and Blur)

The focus is the interactive element actually active on a HTML dom document through: a mouse click (if you mouse click on a text input field, ready to begin typing, this element will come into focus)...
Devtool Chrome Event Listener
Hover Event

hover is not one event but two event: mouseenter mouseleave With Css, you can also use the hover pseudo class to animate any element.
Chrome Devtool Selector
Selector - Pseudo Class

A pseudo-class is a keyword added to operator that specifies a special state of the element to be selected. Logical Pseudo-class (:matches, :not, :has ) Tree Pseudo-class (:root, :empty, :blank,...
Chrome Devtool Selector
Selector API

API A selector is a boolean expression (known also as predicate) that match against elements in a DOM tree in order to select one or several node. This API was known before as the CSS and was renamed...

Share this page:
Follow us:
Task Runner