26

私はa:hoverオーバーライドできない気が進まないcssスタイルに苦労しています。

Firebugの要素を調べようとしましたが、なぜ機能しないのかわかりません。a:hoverFirebugでcssイベント を適切に検査する方法すらわかりません。

私は見たことがあります：
Firebugでのホバー検査http://blog.borngeek.com/2010/04/16/hover-inspection-in-firebug/
しかし、そこに記載されている手順を再現する方法がわかりません。

また：疑似ファントムhttp://meyerweb.com/eric/thoughts/2009/11/03/pseudo-phantoms/

:hoverFirebugのようにCSS疑似クラスを検査/デバッグするにはどうすればよいですか？

4

3 に答える 3

43

とても簡単です。検査する要素を選択するだけです。次に、右側のパネルからStyleメニュー項目をクリックします。そこで、疑似クラスを選択できます:hover

編集

これが画像です：ここに画像の説明を入力してください

于 2011-03-22T09:44:00.047 に答える
0

[要素の検査]オプションもあります。Firefox+Firebugでホバーされた要素を右クリックするだけで、それだけです。スタイルメニューも手軽です。

于 2011-04-07T15:32:59.940 に答える
0

このような問題を解決するときに役立つテクニックは、ホバー状態と非ホバー状態を比較することです。ブラウザの2つのインスタンスを開き（2画面または3画面の設定が便利です）、作業中のページを各ウィンドウにロードしてから、JohnPが回答で言ったことを実行して、1つのウィンドウでホバー状態のスタイルを表示します。もう一方にホバーせず、そこから分析を行います。Firebugでは、スタイルのドロップダウンが実際のcss詳細ペインをカバーしているときにスタイルを比較するのは厄介です。Firefugでホバー状態と非ホバー状態のcssを表示するには、作業中の要素の上でマウスを動かしたり、動かしたりします。この方法での比較はより注意が必要です。

于 2013-09-17T20:43:20.410 に答える