Cómo utilizar Firebug para encontrar fácilmente qué archivo CSS define un estilo particular

Question

Quizá soy un novato Firebug, o tal vez hay alguna otra herramienta mejor? Pero estoy tratando de encontrar fácilmente cuál de los varios archivos CSS relacionados, define el estilo de un elemento específico.

Por ejemplo, en un entorno de producción que puede señalar que un estilo lengüeta izquierda llamada está siendo aplicada a un elemento específico, y que presta adecuadamente. En el entorno de desarrollo, el mismo estilo se aplica dentro del HTML, pero no se procesa de la misma manera que en la producción.

Los entornos de producción y de desarrollo de cada uno se compone de 9 archivos CSS. Quiero encontrar fácilmente cuál define el estilo left-tab. Usando la pestaña CSS, puedo abrir e incluso (temporalmente) editar cada uno de estos, pero ¿cómo puedo buscar a través de estos? Ctrl-F busca el documento HTML en sí, a diferencia del CSS contenido en el panel Firebug.

Answer 1

Active la ficha de estilo en el panel de la derecha "Estilo | computarizada | Diseño | DOM". Para todas las reglas CSS, habrá un enlace azul mystyles.css"(línea 22). Puede saltar rápidamente a una regla mediante la activación de elementos Inspector (La caja w/ratón en la parte más a la izquierda, tecla de acceso directo es Ctrl +Shift +C. Destacando por encima de su elemento con el elemento del Inspector (también puede hacer clic en él) le mostrará todas las reglas CSS que se aplican (o eran sobrescribe).

Answer 2

Al hacer clic en un elemento y haga clic en el cuadro en la parte inferior derecha se mostrará estilos CSS para ese elemento 'inspeccionar elemento', justo por encima de cada uno de ellos le dice qué archivo CSS que venía y qué línea.