¿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
Respuesta
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.
Sí, eso es lo que tenía miedo ... –
He investigado esto también, y con el firebug actual no es posible – Chris
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
No aparece en el mío. –
- 1. CSS Pseudo-clases con estilos en línea
- 2. firebug - Ocultar estilos del archivo .css específico
- 3. ¿Cómo inspecciono las pseudo clases de CSS con Firebug?
- 4. ¿Cómo funcionan los niveles de especificidad CSS entre clases/pseudo-clases y elementos/pseudo-elementos?
- 5. ¿Tiene acceso a estilos CSS para pseudo clases en JQuery?
- 6. CSS y estilos superiores en elementos anidados
- 7. css: cómo eliminar pseudo elementos (después, antes, ...)
- 8. :: después de pseudo-elementos
- 9. jQuery y pseudo-elementos
- 10. Pseudo-elementos de anidamiento dentro de pseudo-elementos
- 11. Combinación de pseudo-elementos CSS, ": after" the ": last-child"
- 12. ¿Está bien usar múltiples pseudo-elementos en css?
- 13. Restauración de CSS, estilos predeterminados para elementos comunes
- 14. Estilos CSS de refuerzo
- 15. CSS pseudo-clase vs. pseudo-selector
- 16. Pseudo-elementos e imágenes
- 17. ¿Cómo puedo ver los estilos adjuntos a: hover y otras pseudo clases en firebug y el depurador de Chrome
- 18. ¿Por qué Firebug agrega -moz- * estilos cuando se inspecciona el elemento CSS?
- 19. Use Firebug para obtener una copia profunda de CSS en los elementos
- 20. Firebug-esque editor de CSS
- 21. Agregar clase CSS en el pseudo-elemento
- 22. Lista de elementos HTML que soportan el CSS: before y: after pseudo elementos
- 23. Firebug CSS tachado
- 24. ¿Cómo edito CSS en Chrome como en Firebug para Firefox?
- 25. símbolo de copyright en el CSS: después de pseudo-elemento
- 26. ¿Cómo seleccionar por estilos CSS en jQuery?
- 27. Aplicación de estilos WPF a elementos secundarios
- 28. Solución sistemática de estilos conflictivos en css
- 29. Aplicación de transiciones WebKit a Pseudo Elementos
- 30. Animación de pseudo elementos usando jQuery
Este es el ticket Firebug correspondiente, por lo que sé http://code.google.com/p/fbug/issues/detail?id=537 – tordans
Posible duplicado de [Ver pseudo-elementos CSS en Firebug] (http://stackoverflow.com/questions/8417656/seeing-css-pseudo-elements-in-firebug) –
@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. –