6
votes

Comment obtenir le style CSS de l'élément d'inspecter

est tout outil / extension qui m'aide à générer la signature ou le style CSS

par exemple:

Je vois un objet HTML et je veux le changer, je clique avec le bouton droit de la souris sur mon navigateur (Chrome, Firefox) Et j'ai choisi d'inspecter l'élément, je pourrai modifier tout attribut CSS "Live". Parfois, il est difficile de savoir quelle signature de style correspondrait aux changements récents. xxx

ma question est s'il y a un outil qui vous indique quel élément. Je pense que plusieurs résultats sont multiples par style si ...

J'utilise déjà chrome Firebug comme des outils. Certains éléments n'ont pas de style défini, de sorte qu'il apparaisse à l'élément.style par défaut lors de l'inspection de l'élément. Là, je peux commencer à éditer pour voir comment les changements effectueraient.

Ce que je demande, c'est que certains outils modifient ce nom de style par défaut: "Element.style" sur un chemin complet correct par exemple :. Supérieur_div_class #Le_element_you_want_to_edit


1 commentaires

Avez-vous essayé Firebug ?


4 Réponses :


-2
votes
  • dans chrome , il suffit de frapper ctrl + shift + i pour afficher les outils de développeurs
  • dans IE8 + HIT F12
  • dans Firefox Installez l'extension Firebug .

0 commentaires

1
votes

Si vous utilisez Chrome ou Firefox, vous pouvez simplement cliquer sur HTML et cliquer sur Modifier, puis donner une classe ou une carte d'identité à l'élément HTML et il est mis à jour en direct.

Capture d'écran Firebug


0 commentaires

5
votes

in Firebug pour Firefox, vous pouvez inspecter un élément comme vous le décrivez, puis copiez le chemin xpath ou CSS chemin . Cela vous donne le chemin entier dont vous avez besoin de HTML à l'élément spécifique.

Options de chemin de copie

Par exemple, vous devez inspecter un lien avec ID myLink . Vous pouvez copier la voie CSS pour obtenir quelque chose comme:

Table de formulaire de corps HTML.Mytable tr TD A # myLink


2 commentaires

Merci @kp. Est-ce exactement. Mais je pense que le chemin est inutilement grand, y a-t-il une chance de l'écrire jusqu'au minus-mêle?


Vous devriez modifier manuellement les résultats de la copie. Vous pouvez facilement le raccourcir en supprimant certains éléments entre les deux. Si le chemin complet est Table de formulaire de corps HTML.MyTable TR TD A # MyLink Vous pouvez probablement le couper à TABLE.MYTABLE A # MYLINK Par exemple. C'est vraiment comme tu veux. Plus vous supprimez, le moins sélectif est sélectif.



1
votes

en chrome, dans 'Inspecter élément ", sur le dessus où" élément "et" console "sont mis en surbrillance, cliquez sur Source et sur les fichiers imbriqués pour l'élément que vous recherchez. Je pense qu'à des fichiers HTML aujourd'hui sont Les fichiers blancs et CSS codés par couleur sont jaunes, mais cela peut changer.


0 commentaires