Obtenir toutes les règles CSS pour l'élément sélectionné dans Google Chrome Dev Tools
Dans Google Chrome Dev Tools, vous pouvez cliquer avec le bouton droit de la souris sur un élément de la page HTML et cliquer sur Copier l'élément pour copier les éléments HTML dans votre presse-papiers.
Ma question est la suivante: existe-t-il un moyen de copier toutes les règles CSS associées à ces éléments HTML?
Ajoutez l’extension Chrome "CSS Used" à votre navigateur. Après l'installation, vous obtenez un onglet supplémentaire "CSS utilisé" sur le côté droit de l'écran. L'extension est également disponible via github .
Vous pouvez également essayer SnappySnippet comme alternative.
Les onglets Styles et Calculés de DOM Explorer affichent les règles CSS qui s'appliquent à un élément sélectionné. Choisissez Inspect element puis ouvrez l'onglet Computed et vous y trouverez la liste de tous les CSS appliqués à un élément particulier.
Vous pouvez également vérifier ce lien pour Exporter CSS pour les éléments DOM
Pour plus d’informations sur votre question concernant plusieurs navigateurs, consultez le lien LIEN . Cela pourrait vous aider.