Come si può scoprire dove lo stile per un ASP .Net pagina web elemento è venuto da?

Question

Ho un dilemma.La mia applicazione web (C#, .Net 3.0, ecc) ha Temi, CSS e, naturalmente, definizioni di stili in linea.Ora che è un sacco di chef aggiungendo roba per la zuppa.Tutto ciò si traduce, non a caso, nelle mie pagine aver bizzarro stile occasione.

Io sono sicuro che tutti questi stili vengono applicati in un metodo gerarchico (anche se non sono sicuro di che ordine).Il problema è che ogni stile è applicato come un "trasparente" strato " che solo le maschere di ciò che si sta applicando.Questo è, credo, una buona idea, come si può specificare stili per tutto e poi one-off, quando necessario.Purtroppo non so da che livello lo stile in realtà è venuto da.

Potrei risolvere questo problema in modo esplicito per esprimere lo stile e a tutti i livelli ma che diventa ingombrante e difficile da gestire e la pagina(s) opere ' 80% del tempo.Ho solo bisogno di capire dove che squirrelly 20% è venuto da.

Answer 1

IMHO, Firebug sta per essere la vostra scommessa migliore.Vi dirà che il file lo stile è venuto e si può fare clic sul nome del file per essere trasportati immediatamente per la relativa riga nel file.

Nota:Si può colpire ctrl+shift+C su ogni pagina per selezionare e controllare un elemento con il mouse.

Answer 2

Ecco un rapido sreencast di come utilizzare Firebug per scoprire da dove un elemento è sempre stile.

http://screencast.com/t/oFpuDUoJ0

Answer 3

in Firefox utilizzare il DOM inspector, firebug, o ispezionare questo.
in IE, uso IE dev barra degli strumenti (o, forse meglio, Firebug Lite)
In Google Chrome, utilizzare il built-in "ispeziona elemento" funzionalità

Answer 4

Utilizzando il IE Developer Toolbar è possibile selezionare un elemento (da "Seleziona elemento, fare clic su" o facendo clic sul nodo di un albero DOM vista) e nell'Attuale Stile riquadro, fare clic destro su una riga e selezionare "Traccia di Stile".

Gli altri strumenti hanno una caratteristica simile.

Answer 5

La chiave per risolvere un complesso problema CSS è di capire che cosa sta causando la strana apparizione.Il modo più semplice per trovare è selettivamente commento fogli di stile fino a trovare quello dove commentare fuori per risolvere il problema.Quindi attivare il foglio di stile e in modo selettivo commento regole fino a trovare quello che causa il problema.Se hai bisogno di sapere che cosa ha la precedenza rispetto a cosa, i dettagli della cascata CSS è cartina qui e a differenza di attuazione delle singole norme, questo è abbastanza coerente tra i vari browser.

Tuttavia, è molto meglio se si evita di stili in linea completamente e dispone di un set di ben predisposto fogli di stile, ognuno dei quali ha una funzione logica e di cui regole si capisce.per lo stesso motivo non mettere il tuo codice lato server in un ordine casuale in file casuali - noi