Hola compañeros
Hace días que ando dándole vueltas a un código CSS y no lo resuelvo. Se trata de un código para hacer un menú desplegable con CSS. El código podéis verlo aquí:
http://www.araudi.net/Desplegables/css/menu-10.css
El caso es que como está optimizado, me cuesta bastante comprender cómo se aplica el CSS a cada parte, a cada celda y a cada columna del menú. He buscado en internet y encuentro con facilidad muchas webs donde ofrecen software capaz de optimizar el CSS, pero no encuentro nada que haga el proceso inverso, es decir, quitar la optimización o bien invertir el proceso de optimización.
¿Sabéis si existe algún software para invertir el proceso de optimización de un código CSS, o sea, disgregar el código en secciones, a fin de que sea más comprensible a vista humana?
Os estaré tremendamente agradecido. Carles.
Respuestas
Lo más sencillo es que utilices las herramientas que incluyen los propios navegadores. Abre la página con Google Chrome, Firefox o Safari y pulsa el botón derecho del ratón sobre cualquier parte del menú. Después, selecciona la opción Inspeccionar elemento y verás un nuevo panel en el que se muestra todo el código HTML y CSS perfectamente alineado y ordenado.
Otra alternativa consiste en utilizar algún servicio online dedicado a poner el código "bonito", no importa si es CSS, JavaScript, etc. Entra por ejemplo en codebeautifier.com, pega tu código CSS, pulsa el botón Process CSS y te mostrará el código CSS perfectamente ordenado y separado por secciones.
@javiereguiluz