How to debug CSS/JavaScript hover issues?

To debug CSS/JavaSript hover issues, you need to follow the below-given steps,

•  Press F12 to open Inspect Element, in Firefox.
•  In the DOM view right-click the element, and
•  Select :hover, :active or :focus at the bottom of the context menu

The following screenshot shows how to debug hover issues −