2011-03-28 18 views
9

¿Es posible manipular CSS del pseudo elemento :before o :after usando Firebug? Sé que estos son elementos específicos que los navegadores manejan internamente, pero Firebug tiene más acceso de bajo nivel (supongo), así que tal vez tenga la capacidad de manipularlos también.Manipulación de estilos CSS de pseudo elementos en Firebug

+0

Este es el ticket Firebug correspondiente, por lo que sé http://code.google.com/p/fbug/issues/detail?id=537 – tordans

+0

Posible duplicado de [Ver pseudo-elementos CSS en Firebug] (http://stackoverflow.com/questions/8417656/seeing-css-pseudo-elements-in-firebug) –

+0

@tazotodua: esta pregunta específica es más antigua que la que está ofreciendo como posible duplicado. Entonces tu duplicado debería ser al revés. –

Respuesta

4

Puede editar una hoja de estilos en la pestaña CSS y

  • añadir nuevas reglas para los pseudo-elementos
  • alterar las reglas pseudo-elementos existentes

Sin embargo, no se encuentra ninguna estilos de pseudo-elemento en el panel de estilos computados. Probablemente porque los estilos no se aplican a los elementos sino a sus pseudoelementos contenidos. Tampoco puedo encontrar una manera de inspeccionar pseudo-elementos usando Firebug.

+0

Sí, eso es lo que tenía miedo ... –

+1

He investigado esto también, y con el firebug actual no es posible – Chris

1

El error de Firefox que causa este problema ahora está resuelto, por lo que los pseudo-elementos (como :: before y :: after) deberían aparecer en la barra lateral de estilo Firebug. Sin embargo, no funciona en todos los casos, pero parece funcionar en la mayoría de ellos.

Puede leer más sobre el insecto Firefo causando el problema aquí: https://bugzilla.mozilla.org/show_bug.cgi?id=557726

+1

No aparece en el mío. –

-1

debe hacer clic en la etiqueta principal, y luego verá su: después de /: antes de las clases en el lado derecho:

enter image description here

Cuestiones relacionadas