Firefox：悬停在元素上时如何停止和检查添加的新样式？

Question

我正在使用 Firefox 进行开发。

当我将鼠标悬停在 A 标签上时，我想看看它添加了哪些 CSS 样式。如何在 Firefox 中执行此操作？

更新

我右键单击标签并选择检查元素。我可以看到添加到右下窗格的样式。但是，如果我将鼠标移动到 CSS 窗格来检查样式，那么添加的 CSS 样式就会消失。我知道我可能需要中断某些事情，但我无法让它发挥作用。

谢谢！

Answer 1

1. 右键单击 → 检查元素
2. 选择“检查器”选项卡
3. 在标记中找到要检查的元素
4. 右键单击（在选定元素上）→ 更改伪类 → :hover
5. 检查 CSS Rules 标签以查看发生了什么变化。

这是当鼠标不在元素上时强制:hover 状态的方法。

Answer 2

右键单击 - 选择“检查元素”

Answer 3

多么容易。右键单击您的元素，然后选择“检查元素”选项。