![Umar Hansa](https://web.dev/images/authors/umarhansa.jpg) Umar Hansa [X](https://twitter.com/umaar) [Homepage](https://umaar.com/)

<br />

![Trigger a pseudo class (like hover) on an element](https://developer.chrome.com/static/blog/trigger-a-pseudo-class-on-an-element/image/trigger-pseudo-class-h-33b7bb516ef19.gif)

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.