tipos texto tamaño negrita letra fuentes estilos ejemplos como color cambiar ala css google-chrome firebug google-chrome-devtools

texto - tamaño de letra en css



¿Cómo detectar la fuente de herencia CSS? (2)

Hasta ahora, solo puedo decir si una propiedad se hereda o no, pero necesito saber el origen de la herencia (por ejemplo, ¿qué archivo CSS causó el valor final?) ¿Es esto posible?

¿Hay una herramienta útil para esto?

EDITAR

Esto es lo que obtengo en Chrome Computed Style (Mostrar herencia). Vea la propiedad de la dirección, no hay información sobre su fuente de herencia.


La naturaleza en cascada de CSS hace que el navegador de Estilos en la pestaña Elementos sea muy útil, puede ver los estilos individuales y de dónde vienen, también puede ver el conjunto final de estilos una vez que se haya calculado y aplicado al elemento.

EDITAR

Puede referir una propiedad y su fuente desde el panel de estilo computado

Referencia


Puedes hacer este trabajo muy fácilmente usando Firebug en Firefox o en las Herramientas de desarrollo de Chrome.

Herramientas para desarrolladores de Chrome

Como imagen se muestra a continuación.

Para obtener más información, consulte Chrome Developer Tools: Estilos de elementos aquí

En firebug

Como imagen se muestra a continuación.

Para más información ver el desarrollo de CSS aquí.

Puedes instalar Fire Bug desde aquí

Actualización 1:

Puede encontrarlo simplemente haciendo clic en Show Inherited casilla de verificación Heredar en el panel de computed style de Chrome.

Actualización 2:

En Firebug, solo hace clic en el elemento heredado que se muestra debajo de la imagen. Luego, lo guiará a la ubicación del elemento heredado correspondiente.

PS - Lo mismo se puede hacer usando la herramienta de cromo.