Comment inspecter l'état :hover dans Chrome DevTools ?

Inspection de l'état :hover dans les outils de développement Chrome

Dans les outils de développement Chrome, vous pouvez rencontrer des difficultés à trouver les options permettant d'afficher les styles :hover comparés à la liste déroulante de style intuitive de Firebug. Cependant, Chrome offre des fonctionnalités similaires.

Affichage des règles de pseudo-classe

Pour inspecter les règles de pseudo-classe telles que :hover dans le volet Styles, procédez comme suit :

1. Cliquez sur le petit texte ":hov" affiché en haut à droite du

Forcer l'état d'un élément

Chrome vous permet également de forcer un élément dans un état spécifique :

1. Droite- cliquez sur l'élément que vous souhaitez inspecter.
2. Sélectionnez ":hover" dans le contexte menu.

Conseils supplémentaires

Pour obtenir des conseils supplémentaires sur l'utilisation des outils de développement Chrome, consultez les ressources suivantes :

• [ Inspecter le panneau des éléments dans Chrome DevTools](https://developers.google.com/web/tools/chrome-devtools/inspect-elements)
• [Raccourcis clavier dans Chrome DevTools](https://developers.google.com/web /tools/chrome-devtools/shortcuts)

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!