Triggering of pseudo classes
Published on • Updated on
![Triggering of pseudo classes in devtools.](https://wd.imgix.net/image/T4FyVKpzu4WKF1kBNvXepbi08t52/Gau53S03WIMcPweEzMoj.gif?auto=format)
Pseudo classes on elements can be triggered to investigate how an element may react if it were to be hovered over for example. You can right click on a node in the Elements panel and select Force element state. Alternatively, the Toggle element state icon can be clicked on in the Styles sub-pane.
When an element has some sort of state applied, you'll get a little visual indicator to the left of the nodes' opening tag and in some cases the closing tag too (if they are far apart).
We can trigger: active, focus, hover and visited pseudo classes.
Updated on • Improve article