你能在Firebug中悬停状态“粘”吗?

时间:2010-11-05 10:37:49

标签: html css firefox firebug hover

当我调试一个网站时,有时悬停的选择器有点长,并且与其他类似,有没有办法在Firebug中应用一种“粘性”状态来悬停规则?

实施例;我将鼠标悬停在导航栏上,并希望将选择器从firebug中复制到CSS中进行搜索,但是一旦我移动鼠标,选择器(显然)就会消失,因为导航<li>不再悬停。

有什么办法吗?

谢谢:)

5 个答案:

答案 0 :(得分:74)

检查链接时,Firebug会显示默认的CSS状态,即应用于:link的样式。默认情况下,不显示:hover和:active样式。幸运的是,您可以通过单击样式并选择适当的选项来更改链接的状态:

enter image description here

答案 1 :(得分:56)

对于我想要的内容,在元素的CSS样式上方的Style下拉列表中有一个选项。只需点击下拉列表,然后选择:active:hover,它就会保留所选和悬停元素的样式:)

答案 2 :(得分:9)

有时项目不受&#34;:hover&#34;通过jQuery或类似的鼠标悬停状态,在这种情况下,您可以通过编写以下方式在控制台选项卡中手动触发事件(或强制事件):

$('#a-random-selector').mouseover()

希望它有所帮助,我来到这里寻找这个答案,但我必须自己解决这个问题

答案 3 :(得分:3)

您可以尝试使用Chrome检查器,并在样式下的元素上触发:active:visited state etc. ..

enter image description here

答案 4 :(得分:2)

打开firebug和web开发人员 - &gt; Inspector。在“检查器”窗口中,找到悬停开始的代码行,右键单击鼠标并选择:hover。然后悬停状态将保持不变,你可以在萤火虫中做任何你想做的事。