Can you make hovered state in Firebug "sticky?"

HtmlCssFirefoxFirebugHover

Html Problem Overview


When I'm debugging a site, sometimes the hovered selectors are a little long winded and similar to other ones, is there a way to apply a kind of "sticky" state to hover rules in Firebug?

Example; I hover over a nav bar and want to copy the selector out of firebug to search in the CSS, but as soon as I move my mouse, the selector (obviously) disappears as the nav <li> isn't hovered anymore.

Any way to do this?

Thanks :)

Html Solutions


Solution 1 - Html

When inspecting links, Firebug shows the default CSS state, i.e. styles applied to a:link. By default, the :hover and :active styles are not shown. Fortunately, you can change the state of the link by clicking Style and choosing the appropriate option:

enter image description here

Solution 2 - Html

For what I wanted, there's an option for it in the Style dropdown above the CSS styles for the element. Just click the dropdown, and select :active or :hover and it keeps the styles for the selected and hovered element :)

Solution 3 - Html

Sometimes items are not affected by the ":hover" state but by a mouseover in jQuery or similar, in that case you can manualy trigger the event (or force the event) in the console tab by writing:

$('#a-random-selector').mouseover()

Hope it helps, I came here looking for this answer but had to figure it out myself

Solution 4 - Html

You can try using Chrome inspector, and trigger :active :visited state etc.. on the element under styles.

enter image description here

Solution 5 - Html

Open both firebug and web developer->Inspector. In the Inspector window, locate the code line where the hover starts, right click the mouse and choose the :hover. Then the hover state will stay, you can do whatever you want in firebug.

Attributions

All content for this solution is sourced from the original question on Stackoverflow.

The content on this page is licensed under the Attribution-ShareAlike 4.0 International (CC BY-SA 4.0) license.

Content TypeOriginal AuthorOriginal Content on Stackoverflow
QuestionKyleView Question on Stackoverflow
Solution 1 - HtmlSubodh GhulaxeView Answer on Stackoverflow
Solution 2 - HtmlKyleView Answer on Stackoverflow
Solution 3 - HtmlJorge RiveraView Answer on Stackoverflow
Solution 4 - HtmlMega3onView Answer on Stackoverflow
Solution 5 - Htmluser3707094View Answer on Stackoverflow