web.dev LIVE is now over! Head to web.dev/live to watch all the sessions, see top Q&A, and more.

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.