これを行う方法があるはずだと知っていて、いつもそれを回避してきましたが、要素に適用された疑似クラススタイルを表示（および/または編集）できる方法はありますか？
たとえば、Imは編集.myclass:hover または#someid:activeデバッガーを探しています。
ps。Firebugは高く評価されていますが、Chromeデバッガーでこれを行う方法に本当に関心があります。
3894 次
3 に答える
28
要素を調べてから、次のようにします。
Firebugの場合：
要素をもう一度飛ばすと、ホバーCSSコードが消えることに注意してください（： hoverを再確認する必要があります）。
Chromeの場合：
両方の疑似クラスルールを確認して、要素に強制することができます。
スタイルペインに表示するには、右上の小さな点線のボックスボタンをクリックします。
要素を強制的に:hover状態にするには、要素を右クリックします。
于 2011-07-20T19:25:03.120 に答える
1
Chromeでは、divを右クリックして（ホバーしているように）、[検査]をクリックします。検査ボックスがコンソールにある場合、それを右クリックすると、マウスがコンソールに「落下」し、同時にdivにカーソルを合わせたままになります。次に、通常、：hover疑似スタイルが表示されます。
これは愚かですが、これは私の回避策です。
于 2011-07-20T19:22:45.650 に答える
0
Firebugでは、青い選択矢印ツールで：hoverを使用して要素を選択でき、要素にカーソルを合わせている間、要素を表示できます。残念ながら、マウスを動かすとマウスは消えますが、マウスがどの行にあるかを確認し、その後、firebugcssタブでCSSを編集できます。
于 2011-07-20T19:24:33.917 に答える