¿Cómo puede saber de dónde proviene el estilo de un elemento de página web ASP .Net?
https://stackoverflow.com/questions/54337
italiano
english
français
española
中国
日本の
العربية
Deutsch
한국어
Português
RussianPregunta
Tengo un dilema.Mi aplicación web (C#, .Net 3.0, etc.) tiene temas, hojas CSS y, por supuesto, definiciones de estilo en línea.Son muchos los chefs que agregan cosas a la sopa.Todo esto da como resultado, como era de esperar, que mis páginas tengan en ocasiones un estilo extraño.
Estoy seguro de que todos estos estilos se aplican de forma jerárquica (aunque no estoy seguro de ese orden).El problema es que cada estilo se aplica como una capa "transparente" que simplemente enmascara lo que se está aplicando.Considero que esta es una buena idea, ya que puedes especificar estilos para el conjunto y luego separarlos según sea necesario.Desafortunadamente no puedo decir de qué capa vino realmente el estilo.
Podría resolver este problema expresando explícitamente el estilo en todas las capas, pero eso se vuelve voluminoso y difícil de administrar y las páginas funcionan el 80% del tiempo.Sólo necesito descubrir de dónde vino ese 20%.
Solución
En mi humilde opinión, Firebug será tu mejor opción.Le indicará de qué archivo proviene el estilo y podrá hacer clic en el nombre del archivo para ser transportado instantáneamente a la línea correspondiente del archivo.
Nota:puedes golpear control+cambio+C en cualquier página para seleccionar e inspeccionar un elemento con el ratón.
Otros consejos
Aquí hay una presentación rápida de cómo usar Firebug para descubrir de dónde obtiene un elemento su estilo.
en Firefox use el inspector DOM, firebug o inspeccione esto.
en IE, use la barra de herramientas de desarrollo de IE (o, tal vez mejor, Firebug Lite)
En Google Chrome, utilice la función integrada "inspeccionar elemento"
Utilizando el Barra de herramientas para desarrolladores de IE puede seleccionar un elemento (ya sea "Seleccionar elemento haciendo clic" o haciendo clic en su nodo en la vista de árbol DOM) y en el panel Estilo actual, hacer clic derecho en una fila y seleccionar "Estilo de seguimiento".
Las otras herramientas tienen una característica similar.
La clave para resolver un problema complejo de CSS es descubrir qué está causando la apariencia extraña.La forma más fácil de encontrarla es comentar selectivamente las hojas de estilo hasta encontrar aquella en la que comentarla solucione el problema.Luego habilite la hoja de estilo y comente selectivamente las reglas hasta que encuentre la que causa el problema.Si necesita saber qué tiene prioridad sobre qué, se detallan los detalles de la cascada en CSS.aquí y a diferencia de la implementación de reglas individuales, esto es bastante consistente en todos los navegadores.
Sin embargo, es mucho mejor si evita por completo los estilos en línea y tiene un conjunto de hojas de estilo bien diseñadas, cada una de las cuales tiene una función lógica y comprende todas sus reglas.por la misma razón que no colocas el código del lado del servidor en un orden aleatorio en archivos aleatorios: a nosotros
