Eh bien, c'est assez simple. Si les outils de développement de Chrome me montrent qu'un style est remplacé, comment voir quelle règle CSS le remplace?
Je veux savoir s'il y a quelque chose comme "Montrez-moi ce qui l'emporte" .
OBS: S'il vous plaît, ne me dirigez pas vers Firebug.
css
google-chrome
developer-tools
inspector
Ramon K.
la source
la source
Réponses:
Utilisez le panneau Style calculé de l'inspecteur d'éléments. Développez la propriété qui vous intéresse pour voir la liste des règles applicables et celle qui a gagné.
la source
Vous pouvez simplement regarder ceux avec le même nom qui ne sont pas supprimés, rappelez-vous que la liste est par importance.
Ou vous pouvez afficher les styles calculés. Ce seront les styles réellement appliqués.
la source
crtrl + shift + c et inspectez l'élément. Trouvez ensuite le style sans ligne, dans la case en bas à droite.
le remplacement est dans la plupart des cas au sommet (et sans ligne, car ce style est le "gagnant").
la source