interface Webtutoriel CSSComment puis-je inspecter les styles de survol dans Chrome DevTools ?
Inspecter : survoler les styles dans les outils de développement Chrome
Lors de l'inspection des styles d'un élément dans Chrome, vous souhaiterez peut-être afficher les styles appliqués. lorsque l'élément est dans l'état :hover. Contrairement à Firebug, qui fournit une liste déroulante pratique pour sélectionner les états des éléments, les outils de développement de Chrome peuvent sembler manquer de cette fonctionnalité.
Trouver la cachette
N'ayez crainte ! Les outils de développement Chrome vous permettent en effet d'inspecter les styles :hover.
Pour accéder à ces styles, accédez au panneau Éléments dans les outils de développement Chrome et cliquez sur le petit texte ":hov" affiché dans le coin supérieur droit. du volet Styles. Cela basculera l'affichage des règles de pseudo-classe, y compris :hover.
Forcer l'état de survol
De plus, vous pouvez forcer un élément dans le :hover État pour une inspection plus facile. Cliquez avec le bouton droit sur l'élément et sélectionnez ":hover" dans le menu contextuel. Cela appliquera les styles :hover à l'élément, vous permettant d'observer leurs effets.
Ressources supplémentaires
Pour plus d'informations sur le panneau des éléments dans Chrome Developer Outils, reportez-vous au guide complet sur les raccourcis.
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!
Le pied de page à glissementApr 09, 2025 am 11:50 AMUn nouveau site fascinant appelé The Markup vient de lancer. Slogan: Big Tech vous regarde. Nous regardons Big Tech. Excellent travail de la mise à jour. Le
Pages pour les likesApr 09, 2025 am 11:47 AMJ'ai posté sur l'analyse d'un flux RSS en JavaScript l'autre jour. J'ai également posté sur ma configuration RSS pour parler de la façon dont Feedbin est au cœur de celui-ci.
Recréer le blocage de cotenberg Codepen Gutenberg pour Sanity.ioApr 09, 2025 am 11:43 AMApprenez à créer un bloc Codepen personnalisé avec un aperçu pour Sanity Studio, inspiré de l'implémentation de Chris Coyier pour l'éditeur de Gutenberg de WordPress.
Comment faire un tableau de ligne avec CSSApr 09, 2025 am 11:36 AMLes graphiques de ligne, de barre et de tarte sont le pain et le beurre des tableaux de bord et sont les composants de base de toute boîte à outils de visualisation des données. Bien sûr, vous pouvez utiliser SVG
Programmation sass pour créer des combinaisons de couleurs accessiblesApr 09, 2025 am 11:30 AMNous cherchons toujours à rendre le Web plus accessible. Le contraste des couleurs est juste des mathématiques, donc Sass peut aider à couvrir les cas de bord que les concepteurs auraient pu manquer.
Comment nous avons créé un site statique qui génère des modèles tartan dans SVGApr 09, 2025 am 11:29 AMLe tartan est un chiffon à motifs qui est généralement associé à l'Écosse, en particulier leurs kilts à la mode. Sur tartanify.com, nous avons rassemblé plus de 5 000 tartan
Un suivi des modèles PHPApr 09, 2025 am 11:14 AMIl n'y a pas longtemps, j'ai posté sur les modèles PHP dans Just PHP (qui est essentiellement la syntaxe Heredoc). J'utilise littéralement cette technique pour un super basique
Création d'une galerie d'images modale avec composants bootstrapApr 09, 2025 am 11:10 AMAvez-vous déjà cliqué sur une image sur une page Web qui ouvre une version plus grande de l'image avec navigation pour afficher d'autres photos?
Outils d'IA chauds
Undresser.AI Undress
Application basée sur l'IA pour créer des photos de nu réalistes
AI Clothes Remover
Outil d'IA en ligne pour supprimer les vêtements des photos.
Undress AI Tool
Images de déshabillage gratuites
Clothoff.io
Dissolvant de vêtements AI
AI Hentai Generator
Générez AI Hentai gratuitement.
Article chaud
Outils chauds
Navigateur d'examen sécurisé
Safe Exam Browser est un environnement de navigation sécurisé permettant de passer des examens en ligne en toute sécurité. Ce logiciel transforme n'importe quel ordinateur en poste de travail sécurisé. Il contrôle l'accès à n'importe quel utilitaire et empêche les étudiants d'utiliser des ressources non autorisées.
Bloc-notes++7.3.1
Éditeur de code facile à utiliser et gratuit
Dreamweaver CS6
Outils de développement Web visuel
MinGW - GNU minimaliste pour Windows
Ce projet est en cours de migration vers osdn.net/projects/mingw, vous pouvez continuer à nous suivre là-bas. MinGW : un port Windows natif de GNU Compiler Collection (GCC), des bibliothèques d'importation et des fichiers d'en-tête librement distribuables pour la création d'applications Windows natives ; inclut des extensions du runtime MSVC pour prendre en charge la fonctionnalité C99. Tous les logiciels MinGW peuvent fonctionner sur les plates-formes Windows 64 bits.
PhpStorm version Mac
Le dernier (2018.2.1) outil de développement intégré PHP professionnel
