Hola! Un truco mágico para editar el CSS en vivo en QUALQUER sitio web!
- Abrir consola seleccionar algún tag visible para poder editar
- Añadir el style tag y añadir su bloque “style” de snippet de abajo!
- Añadir dentro de tag style su style=”” con contenido de abjo
- Cambira las reglas CSS en vivo!
Snippet para editar CSS en vivo:
style='position: fixed; display:block; width: 300px; height: 100px; bottom: 170px; left:20px; white-space:pre; background-color: #2cff00cc; font-size: 20px; contenteditable=""'
Si esta muy confundido el resultado final seria algo así:
El resultado que el fuente de todos los elementos ahora es 30px (font-size:30px)
Además, el bloque sea visible y estático y editable! )
Puedes añadir por ejemplo background: green y todo el fondo sera verde!
Esto puede ser util para poder experimentar directamente en la pagina con estilos CSS sin complicar la vida con actualizar la pagina
Saludos!