Como você pode descobrir de onde veio o estilo de um elemento de página da web ASP .Net?
https://stackoverflow.com/questions/54337
italiano
english
français
española
中国
日本の
العربية
Deutsch
한국어
Português
RussianPergunta
Eu tenho um dilema.Minha aplicação web (C#, .Net 3.0, etc) possui temas, folhas CSS e, claro, definições de estilo inline.Agora, são muitos chefs adicionando coisas à sopa.Tudo isso resulta, não surpreendentemente, em minhas páginas que ocasionalmente apresentam estilos bizarros.
Tenho certeza de que todos esses estilos são aplicados de forma hierárquica (embora não tenha certeza dessa ordem).A questão é que cada estilo é aplicado como uma camada "transparente" que apenas mascara o que está sendo aplicado.Acho que essa é uma boa ideia, pois você pode especificar estilos para o todo e, em seguida, selecioná-los conforme necessário.Infelizmente não posso dizer de qual camada o estilo realmente veio.
Eu poderia resolver esse problema expressando explicitamente o estilo em todas as camadas, mas isso fica complicado e difícil de gerenciar e as páginas funcionam 80% do tempo.Eu só preciso descobrir de onde vieram esses 20% esquisitos.
Solução
IMHO, Firebug será sua melhor aposta.Ele lhe dirá de qual arquivo veio o estilo e você pode clicar no nome do arquivo para ser transportado instantaneamente para a linha relevante no arquivo.
Observação:Você pode bater Ctrl+mudança+C em qualquer página para selecionar e inspecionar um elemento com o mouse.
Outras dicas
Aqui está uma rápida demonstração de como usar o Firebug para descobrir de onde um elemento está obtendo seu estilo.
no Firefox, use o inspetor DOM, firebug ou inspecione isto.
no IE, use a barra de ferramentas de desenvolvimento do IE (ou, talvez melhor, Firebug Lite)
No Google Chrome, use a funcionalidade integrada "inspecionar elemento"
Usando o Barra de ferramentas do desenvolvedor do IE você pode selecionar um elemento (seja por "Selecionar elemento por clique" ou clicando em seu nó na visualização em árvore DOM) e no painel Estilo Atual, clicar com o botão direito em uma linha e selecionar "Estilo de Rastreamento".
As outras ferramentas possuem um recurso semelhante.
A chave para resolver um problema complexo de CSS é descobrir o que está causando a aparência estranha.A maneira mais fácil de encontrar é comentar seletivamente as folhas de estilo até encontrar aquela em que comentar resolve o problema.Em seguida, habilite a folha de estilo e comente seletivamente as regras até encontrar aquela que está causando o problema.Se você precisa saber o que tem precedência sobre o quê, os detalhes da cascata em CSS são detalhadosaqui e diferentemente da implementação de regras individuais, isso é bastante consistente entre navegadores.
No entanto, é muito melhor evitar totalmente os estilos inline e ter um conjunto de folhas de estilo bem elaboradas, cada uma com uma função lógica e todas as regras que você entende.pela mesma razão que você não coloca seu código do lado do servidor em ordem aleatória em arquivos aleatórios - nós
