Comment pouvez-vous trouver où le style pour un ASP .Net page web élément vient?

StackOverflow https://stackoverflow.com/questions/54337

  •  09-06-2019
  •  | 
  •  

Question

J'ai un dilemme.Mon application web (C#, .Net 3.0, etc) a des Thèmes, CSS feuilles et, bien sûr, de style en ligne définitions.Maintenant, c'est beaucoup de chefs ajouter des trucs à la soupe.L'ensemble de ces résultats, il n'est pas surprenant, dans mes pages ayant bizarre de style à l'occasion.

Je suis sûr que tous ces styles sont appliqués à une méthode de classification ascendante hiérarchique (bien que je ne suis pas sûr de l'ordre).Le problème est que chaque style est appliqué comme un "transparent" de la couche qui vient de masques qu'il les applique.C'est, je pense, une bonne idée que vous pouvez spécifier des styles pour le tout et ensuite on-off si nécessaire.Malheureusement je ne peux pas dire à partir de la couche sur laquelle le style est en fait venu de.

J'ai pu résoudre ce problème en exprimant explicitement le style de toutes les couches mais qui est encombrant et difficile à gérer et les page(s) travaille à 80% du temps.J'ai juste besoin de savoir où que écureuils 20% sont venus.

Était-ce utile?

La solution

À mon humble avis, Firebug est va être votre meilleur pari.Il vous dira quel fichier le style de venus et vous pouvez cliquer sur le nom de fichier pour être transporté instantanément à la ligne correspondante dans le fichier.

Note:Vous pouvez frapper ctrl+maj+C sur n'importe quelle page pour sélectionner et d'inspecter un élément avec la souris.

Autres conseils

Voici un rapide sreencast de la façon d'utiliser Firebug pour trouver d'où un élément est arriver sur le style.

http://screencast.com/t/oFpuDUoJ0

dans Firefox, utilisez l'inspecteur DOM, firebug, ou d'inspecter cette.
dans IE, utiliser l'IE dev de la barre d'outils (ou, peut-être mieux, Firebug Lite)
Dans Google Chrome, utilisez la fonction intégrée dans "inspecter l'élément" fonctionnalité

À l'aide de la IE Barre d'outils du Développeur vous pouvez sélectionner un élément (soit par "Sélectionner l'élément par clic", ou en cliquant sur son nœud dans l'arborescence DOM) et dans le Style Actuel volet, cliquez du bouton droit sur une ligne, puis sélectionnez "Trace"de Style.

Les autres outils ont une fonction similaire.

La clé de la solution d'un complexe CSS question c'est de savoir quelle est la cause de l'étrange apparence.Le plus simple est de manière sélective en commentaire les feuilles de style jusqu'à ce que vous trouviez celui où commentant résout le problème.Puis, activez la feuille de style et de manière sélective en commentaire des règles jusqu'à ce que vous trouver l'origine du problème.Si vous avez besoin de savoir ce qui est prioritaire sur ce, les détails de la cascade CSS est détaillé ici et contrairement à la mise en œuvre des règles individuelles, c'est assez homogène dans les navigateurs.

Cependant, il est beaucoup mieux si vous évitez les styles en ligne entièrement et avoir un jeu bien conçu des feuilles de style, dont chacune a une fonction logique et dont toutes les règles que vous comprenez.pour la même raison, vous ne mettez pas votre code côté serveur dans un ordre aléatoire aléatoire des fichiers - nous

Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow
scroll top