当我在调试一个站点时,有时悬浮选择器有点冗长,和其他选择器类似,有没有一种方法可以应用一种“粘性”状态来在 Firebug 中悬浮规则?
例如,我将鼠标悬停在导航栏上,想要将选择器从 firebug 中复制到 CSS 中进行搜索,但是一旦我移动鼠标,选择器(显然)就会消失,因为导航 <li>不再悬停。
<li>
有什么办法吗?
谢谢:)
对于我想要的,在元素的 CSS 样式上面的 Style下拉列表中有一个它的选项。只需点击下拉菜单,选择 :active或者 :hover,就可以保持所选元素和悬浮元素的样式:)
Style
:active
:hover
您可以尝试使用 Chrome 检查器,并触发: 活动: 访问状态等元素下的样式。
在检查链接时,Firebug 显示默认的 CSS 状态,即应用于: link 的样式。默认情况下,不显示: hover 和: active 样式。幸运的是,您可以通过单击 Style 并选择适当的选项来更改链接的状态:
打开 Firebug 和 web 开发者-> 检查器。在“检查器”窗口中,找到悬停开始的代码行,右键单击鼠标并选择: hover。然后悬停状态将保持不变,你可以在 Firebug 中做任何你想做的事情。
有时项不受“ : hover”状态的影响,而是受 jQuery 或类似的鼠标悬停操作的影响,在这种情况下,您可以手动触发控制台选项卡中的事件(或强制事件) ,方法是:
$('#a-random-selector').mouseover()
希望能有所帮助,我来这里寻找这个答案,但不得不自己想出来