> For the complete documentation index, see [llms.txt](https://docs.csspro.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.csspro.com/editing/code-editor/forcing-a-state-or-pseudo.md).

# Forcing a state or pseudo

When editing pseudo-classes such as :hover, you won't see the changes in real-time unless you perform that interaction (for :hover, for example, you'd have to hover over the element).

For that, you can force toggle a state or pseudo with CSS Pro by clicking on the "eye" button on the right corner of the state/pseudo:

<figure><img src="/files/guZgGE22i3Koptz0vsGw" alt=""><figcaption><p>Click on the eye to toggle the pseudo ON/OFF</p></figcaption></figure>