web-dev-qa-db-ja.com

Firebugでホバー状態を「スティッキー」にできますか?

サイトをデバッグしているときに、ホバーされたセレクターが少し長く曲がっており、他のセレクターと似ている場合がありますが、Firebugのホバールールに一種の「スティッキー」状態を適用する方法はありますか?

例;ナビゲーションバーにカーソルを合わせ、セレクターをfirebugからコピーしてCSSで検索したいのですが、マウスを移動するとすぐに、セレクターが(明らかに)ナビゲーションバー<li>はもうホバーされていません。

これを行う方法はありますか?

ありがとう:)

71
Kyle

リンクを検査するとき、FirebugはデフォルトのCSS状態、つまりa:linkに適用されたスタイルを表示します。デフォルトでは、:hoverおよび:activeスタイルは表示されません。幸いなことに、[スタイル]をクリックして適切なオプションを選択すると、リンクの状態を変更できます。

enter image description here

74
Subodh Ghulaxe

私が欲しかったのは、要素のCSSスタイルの上にあるStyleドロップダウンにオプションがあります。プルダウンをクリックして、[:activeまたは:hoverそして、選択およびホバーされた要素のスタイルを保持します:)

56
Kyle

アイテムは「:hover」状態ではなくjQueryなどのマウスオーバーの影響を受ける場合があります。その場合は、コンソールタブで次のように記述して手動でイベントをトリガー(またはイベントを強制)できます。

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

それがお役に立てば幸いです、私はこの答えを探してここに来ましたが、自分でそれを理解しなければなりませんでした

9
Jorge Rivera

Chromeインスペクターを使用して、スタイルの下の要素で:active:visited stateなどをトリガーできます。

enter image description here

3
Mega3on

Firebugとweb developer-> Inspectorの両方を開きます。インスペクターウィンドウで、ホバーが開始するコード行を見つけ、マウスを右クリックして:hoverを選択します。その後、ホバー状態が維持され、firebugで何でもできます。

2
user3707094