Developer tools :hover


normally, when I inspect an UI-item using the developer tools, there is an option to show the styles for :hover, right at the top of the style list. Now I can’t seem to find it.

EDIT: OK, so it appears the options aren’t available when I inspect a ::before element (which I was).
Still, I need to inspect a ::before element while its parent is being hovered. How does one do that?

EDIT: Nevermind, figured it out. This thread is now obsolete.


Please share how to do it. I haven’t figured it out. I would benefit greatly from learning how to do it. Pretty please?


for example, in my case the element was .list-item. and I needed .list-item:hover::before. So I would inspect .list-item, turn on :hover, then click on the ::before, the state of ::before is the same as the .list-item.