Chrome DevTools で :hover 状態を検査するにはどうすればよいですか?

Chrome デベロッパー ツールで :hover の状態を検査する

Chrome デベロッパー ツールでは、:hover スタイルを比較して表示するオプションを見つけるのが難しい場合があります。 Firebug の直感的なスタイルのドロップダウンに移動します。ただし、Chrome も同様の機能を提供します。

疑似クラス ルールの表示

スタイル ペインで :hover などの疑似クラス ルールを検査するには、次の手順に従います。

1. 右上に表示される小さな「:hov」テキストをクリックします。

要素の状態の強制

Chrome では、要素を特定の状態に強制することもできます:

1. 右-検査したい要素をクリックします。
2. コンテキストから「:hover」を選択します。 menu.

追加のヒント

Chrome デベロッパー ツール内での作業に関する詳細なガイダンスについては、次のリソースを参照してください:

• [ Chrome の要素パネルの検査DevTools](https://developers.google.com/web/tools/chrome-devtools/inspect-elements)
• [Chrome DevTools のキーボード ショートカット](https://developers.google.com/web /tools/chrome-devtools/shortcuts)

以上がChrome DevTools で :hover 状態を検査するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。