如何检查翻转状态?

时间:2015-03-16 12:52:05

标签: firebug google-chrome-devtools web-inspector

我想检查下拉菜单的翻转状态。 我尝试使用Chrome检查器及其切换元素状态功能,如下所示:

:hover state toggled on within the Chrome DevTools

虽然这种方式对我不起作用。

我想检查一下这个网站的子菜单:http://demo.qodeinteractive.com/strata/

所以我可以在菜单仍处于打开状态时添加一些额外的CSS规则。

我该怎么做?

1 个答案:

答案 0 :(得分:1)

快速浏览后,您可以将class = "drop_down_start"添加到嵌套div,以便查看要调查的特定菜单标题。只要该类存在,子菜单将可见/显示。

  

只需右键单击检查器中的元素 - > 编辑为HTML - > 添加课程drop_down_start

之前:

<div class="second bellow_header" style="height: 0px; top: 85px;"><div class="inner"><ul>

后:

<div class="second bellow_header drop_down_start" style="height: 0px; top: 85px;"><div class="inner"><ul>

注意:

菜单会一直尝试关闭。因此,如果需要,disable javascript