サイトをデバッグしているときに、ホバーされたセレクターが少し長く曲がっており、他のセレクターと似ている場合がありますが、Firebugのホバールールに一種の「スティッキー」状態を適用する方法はありますか?
例;ナビゲーションバーにカーソルを合わせ、セレクターをfirebugからコピーしてCSSで検索したいのですが、マウスを移動するとすぐに、セレクターが(明らかに)ナビゲーションバー<li>
はもうホバーされていません。
これを行う方法はありますか?
ありがとう:)
リンクを検査するとき、FirebugはデフォルトのCSS状態、つまりa:linkに適用されたスタイルを表示します。デフォルトでは、:hoverおよび:activeスタイルは表示されません。幸いなことに、[スタイル]をクリックして適切なオプションを選択すると、リンクの状態を変更できます。
私が欲しかったのは、要素のCSSスタイルの上にあるStyle
ドロップダウンにオプションがあります。プルダウンをクリックして、[:active
または:hover
そして、選択およびホバーされた要素のスタイルを保持します:)
アイテムは「:hover」状態ではなくjQueryなどのマウスオーバーの影響を受ける場合があります。その場合は、コンソールタブで次のように記述して手動でイベントをトリガー(またはイベントを強制)できます。
$('#a-random-selector').mouseover()
それがお役に立てば幸いです、私はこの答えを探してここに来ましたが、自分でそれを理解しなければなりませんでした
Chromeインスペクターを使用して、スタイルの下の要素で:active:visited stateなどをトリガーできます。
Firebugとweb developer-> Inspectorの両方を開きます。インスペクターウィンドウで、ホバーが開始するコード行を見つけ、マウスを右クリックして:hoverを選択します。その後、ホバー状態が維持され、firebugで何でもできます。