问题描述
我正在使用 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.
谢谢！
推荐答案
- 右击→检查元素
- 选择检查员"；标签
- 在标记中找到要检查的元素
- 右击(选中元素)→ 更改伪类 → :hover
- 检查 CSS
Rules选项卡，了解发生了什么变化.
- Right click → Inspect Element
- Select the "Inspector" tab
- Find the element that you want to examine inside your markup
- Right click (on the selected element) → Change Pseudo-class → :hover
- Check the CSS
Rulestab to see what changes occur.
这是当鼠标不在元素上时强制 :hover 状态的方法.
This is the way to force :hover state when your mouse is not over an element.
这篇关于Firefox:悬停在元素上时如何停止和检查添加的新样式?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持跟版网！