Firefox：将鼠标悬停在元素上时，如何停止和检查添加的新样式？ [英] Firefox: how to stop and inspect new styles added when hovering on an element?

问题描述

我正在使用Firefox进行开发。

I am using Firefox for development.

我想看看将鼠标悬停在A标签上时会添加什么CSS样式。如何在Firefox中执行此操作？

I would like to see what CSS styles are added to A tag when I hover the mouse over it. How can I do this in Firefox?

更新

我右键单击了在标签上，然后选择检查元素。我可以看到添加到右下窗格的样式。但是，如果将鼠标移到css窗格以检查样式，则添加的CSS样式将消失。我了解我可能需要打破某些东西，但我无法使其正常工作。

I right-clicked on the tag and select inspect the element. I can see the styles added to the bottom right pane. However, if I move the mouse to the css pane to examine styles, then the added CSS styles disappear. I understand that I may need to break on something, but I cannot get it working.

谢谢！

推荐答案

1. 右键单击→检查元素


2. 选择检查器选项卡


3. 在标记内找到要检查的元素


4. 右键单击（在所选元素上）→：hover


5. 检查CSS 规则选项卡以查看发生了什么变化。

1. Right click → Inspect Element
2. Select the "Inspector" tab
3. Find the element that you want to examine inside your markup
4. Right click (on the selected element) → :hover
5. Check the CSS Rules tab to see what changes occur.

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

This is the way to force :hover state when your mouse is not over an element.

这篇关于Firefox：将鼠标悬停在元素上时，如何停止和检查添加的新样式？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！