Css Firefox:当鼠标悬停在元素上时,如何停止并检查添加的新样式?

Css Firefox:当鼠标悬停在元素上时,如何停止并检查添加的新样式?,css,firefox,hover,firefox-developer-tools,Css,Firefox,Hover,Firefox Developer Tools,我正在使用Firefox进行开发 当我将鼠标悬停在标签上时,我想看看标签上添加了哪些CSS样式。我如何在Firefox中做到这一点 更新 我右键单击标记并选择inspect the element。我可以看到添加到右下窗格的样式。但是,如果我将鼠标移动到css窗格以检查样式,则添加的css样式将消失。我知道我可能需要在某些事情上突破,但我无法让它工作 谢谢 右键单击-选择“检查元件”多么简单。右键单击元素,然后选择“检查元素”选项 右击→ 检查元件 选择“检查器”选项卡 在标记中查找要检查的元素

我正在使用Firefox进行开发

当我将鼠标悬停在标签上时,我想看看标签上添加了哪些CSS样式。我如何在Firefox中做到这一点

更新

我右键单击标记并选择inspect the element。我可以看到添加到右下窗格的样式。但是,如果我将鼠标移动到css窗格以检查样式,则添加的css样式将消失。我知道我可能需要在某些事情上突破,但我无法让它工作


谢谢

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

多么简单。右键单击元素,然后选择“检查元素”选项

  • 右击→ 检查元件
  • 选择“检查器”选项卡
  • 在标记中查找要检查的元素
  • 右键单击(在选定图元上)→ 更改伪类→ :盘旋
  • 检查CSS
    规则
    选项卡以查看发生了哪些更改

  • 这是当鼠标不在元素上时强制执行
    :悬停
    状态的方法。

    我做过很多次。我需要在某些事情上突破,但我就是做不好。谢谢你叫我进来!“Hover”现在在一个子菜单中,所以第4步是:“右键单击(所选元素),更改Pseudo class>Hover。”谢谢@MarkBerry