Take the MDN Browser Compatibility Survey and help us understand your issues, and what we and browser vendors can do to help make your life easier.

Trigger a pseudo class on an element

Trigger a pseudo class (like hover) on an element

You can trigger pseudo classes through DevTools, for example:

  • Hover
  • Active
  • Focus
  • Visited

Also note, when you do this, a small orange indicator appears to the left of the node in the DOM tree so you know that its state has changed.