Firebug でリンクのホバー スタイルを効果的に調べるにはどうすればよいでしょうか?

Question

CtrlFirebug で Web ページ上のリンクを調べるために+ Shift+を押すとC、CSS パネルに関連付けられたホバー スタイルが表示されます。

ただし、調査対象の要素 (リンク) からマウスを離すと、パネル上の CSS 情報が消えてしまいます。Firebug でさまざまなプロパティ値をいじれるように、マウスをリンクから離したいと思います。

マウスを離した後、リンクのホバープロパティを調べるにはどうすればいいですか?

Answer 1

これで大丈夫でしょう。

1. Web ページ上のリンク上でCtrl+ Shift+ を押すと、Firebug で調べることができます。C
2. CSS パネルをクリックします。
3. 右側で、「スタイル」の右側にある矢印を押します。
4. 「:hover」をクリックします。

Answer 2

Firefox ツールバーの検査ボタンを使用すると、調べたいリンクに移動してクリックして選択できます。HTML ペインを使用して、正しい要素が選択されていることを確認します。次に、マウスをリンクの上に置くと、CSS ペインにリンクのホバー スタイルが表示され、マウスを離すと通常のリンク スタイルが表示されます。