Wie können Sie herausfinden, woher der Stil für ein ASP .Net-Webseitenelement stammt?
https://stackoverflow.com/questions/54337
italiano
english
français
española
中国
日本の
العربية
Deutsch
한국어
Português
RussianFrage
Ich habe ein Dilemma.Meine Webanwendung (C#, .Net 3.0 usw.) verfügt über Themes, CSS-Sheets und natürlich Inline-Stildefinitionen.Nun, das sind viele Köche, die der Suppe etwas hinzufügen.Es überrascht nicht, dass all dies dazu führt, dass meine Seiten gelegentlich einen bizarren Stil haben.
Ich bin sicher, dass alle diese Stile in einer hierarchischen Methode angewendet werden (obwohl ich mir über die Reihenfolge nicht sicher bin).Das Problem besteht darin, dass jeder Stil als „transparente“ Ebene angewendet wird, die nur maskiert, was sie anwendet.Das ist meines Erachtens eine gute Idee, da man Stile für das Ganze festlegen und sie dann je nach Bedarf einzeln auswählen kann.Leider kann ich nicht erkennen, aus welcher Schicht der Stil tatsächlich stammt.
Ich könnte dieses Problem lösen, indem ich den Stil auf allen Ebenen explizit ausdrücke, aber das wird umfangreich und schwer zu verwalten und die Seite(n) funktionieren in 80 % der Fälle.Ich muss nur herausfinden, woher diese fiesen 20 % kommen.
Lösung
IMHO, wird Firebug die beste Wahl sein. Er wird Ihnen sagen, welche Datei der Stil kam aus und Sie können auf den Dateinamen klicken, um sofort auf die entsprechende Zeile in der Datei transportiert werden.
. Hinweis: Sie können schlagen ctrl + verschieben + C auf jeder Seite auszuwählen und ein Element mit der Maus zu untersuchen
Andere Tipps
Hier ist eine schnelle sreencast wie Firebug verwenden, um herauszufinden, von wo aus ein Element wird immer es ist Stil.
in Firefox verwenden, um den DOM-Inspektoren, Firebug, oder diese kontrollieren.
in IE, verwenden Sie den IE dev Toolbar (oder, vielleicht besser, Firebug Lite )
In Google Chrome, verwenden Sie die eingebaute "Inspect Element" Funktionalität
Mit dem IE Developer Toolbar können Sie Wählen Sie ein Element (entweder durch „Select-Element durch klicken“ oder einem Klick auf den Knoten in der DOM-Baumansicht) und in der aktuellen Stilfenster mit der rechten Maustaste auf eine Zeile und wählen Sie „Trace Style“.
Die anderen Werkzeuge haben eine ähnliche Funktion.
Der Schlüssel zu einem komplexen CSS Problem zu lösen, besteht darin, herauszufinden, was die seltsame Erscheinung verursacht. Der einfachste Weg zu finden ist, um selektiv Sheets kommentieren Sie, bis Sie das finden, wo es zu kommentieren, das Problem behebt. Dann das Stylesheet aktivieren und selektiv Regeln kommentieren Sie, bis Sie die Ursache für das Problem zu finden. Wenn Sie müssen wissen, was Vorrang vor, was kommt, detailliert die Einzelheiten der Kaskade in CSS hier und im Gegensatz zu der Umsetzung der einzelnen Regeln, das ist ziemlich konsistent in allen Browsern.
Allerdings ist es viel besser, wenn Sie ganz Inline-Styles vermeiden und eine Reihe von gut gemachte Sheets haben, von denen jeder hat eine logische Funktion und deren sämtliche Regeln, die Sie verstehen. Aus dem gleichen Grunde setzen Sie nicht Ihren serverseitigen Code in zufälliger Reihenfolge in zufälligen Dateien - uns
