201 votes

Chrome Developer Tools : Comment faire pour savoir ce qu’est la substitution d’une règle CSS ?

Eh bien, c'est assez simple. Si Chrome Developer Tools m'indique qu'un style est substituée, pour voir quels règle CSS est primordial?

Je veux savoir si est-il quelque chose comme "Montrez-moi ce que remplace le présent".

Merci à l'avance!

OBS: je vous prie de ne pas me pointer à Firebug.

288voto

josh3736 Points 41911

Utiliser le Calculées Style de panneau de l'élément de l'inspecteur. Développez la propriété de l'intérêt pour voir la liste des règles applicables, et que l'on a gagné.

Chrome screenshot

7voto

user1902091 Points 31

Vous pouvez simplement regarder avec le même nom et qui ne sont pas barré, rappelez-vous la liste est par ordre d'importance.

Ou vous pouvez afficher l'aide de styles. Ils seront effectivement appliquées les styles.

2voto

Peter Rasmussen Points 3799

crtrl + maj + c et inspecter l'élément. Ensuite, trouver le style sans une ligne à travers elle, dans la boîte en bas à droite.

le remplacement est dans la plupart des cas au sommet (et sans une ligne à travers elle, que ce style est le "gagnant").

-2voto

rattmuff Points 2261

Cliquez-droit sur l'élément -> inspecter l'élément -> faire défiler les "Styles" de la liste dans la colonne de droite et vous verrez.

Vous aurez besoin de firebug (version chrome) pour cela.

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X