> 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/visual-editor/editing-media-queries-and-pseudo-states.md).

# Editing media queries and pseudo states

<figure><img src="/files/q2TWpCOuQcaadn9UZEVH" alt=""><figcaption><p>Choosing a media query to edit in the Visual Editor</p></figcaption></figure>

When selecting media queries, you can choose:

* None (the default state of the element)
* Auto (the last currently matched media query - updates itself automatically depending on your browser's window size)
* Suggested (suggested breakpoints by CSS Pro) - mobile first and then desktop first
* or custom (simply type on the input to create any media query you want)

<figure><img src="/files/lmwCiVdOws3kMn7V43rr" alt=""><figcaption><p>Choosing a pseudo-class to edit in the Visual Editor</p></figcaption></figure>

When selecting state or pseudo, it shows some options for the specific element, but you simply type on the input to edit any pseudo you want.