est tout outil / extension qui m'aide à générer la signature ou le style CSS
par exemple: p>
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. P> 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 ... P> 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. P> 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 p> p>
4 Réponses :
Firebug Code>. Li>
ul>
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. P>
P>
in p>
Par exemple, vous devez inspecter un lien avec ID Firebug code> pour Firefox, vous pouvez inspecter un élément comme vous le décrivez, puis copiez le chemin
xpath code> ou
CSS chemin code>. Cela vous donne le chemin entier dont vous avez besoin de
HTML code> à l'élément spécifique. P>
myLink code>. Vous pouvez copier la voie CSS pour obtenir quelque chose comme: p>
Table de formulaire de corps HTML.Mytable tr TD A # myLink code> p>
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 Code> Vous pouvez probablement le couper à
TABLE.MYTABLE A # MYLINK code> Par exemple. C'est vraiment comme tu veux. Plus vous supprimez, le moins sélectif est sélectif.
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. P>
Avez-vous essayé Firebug ?