Limpiador CSS para "desplegar" hojas de estilo?

Question

Busco un servicio web o (OS X) software que va a tomar una hoja de estilo como éste:

h1,h2 {margin-bottom:1em;} 
h2.special {color:red;text-align:justify;} 
p {margin-bottom:1em;font-weight:bold; } 

y transformarla en esto:

h1,h2,p {margin-bottom:1em;} 
h2.special {color:red} 
h2.special {text-align:justify;} 
p {font-weight:bold;} 

Es decir, necesito algo que tomará cada combinación única de atributo/valor en un archivo CSS y luego agrupará a todos los selectores que lo utilicen.

Me parece que este es un problema trivial, pero la única parte de "codificación" que soy capaz de hacer es un poco de RegEx, parece que no me da una solución aquí.

Gracias.

Nota:

Soy consciente de que este enfoque puede no conducir a la optimización (tamaño). No es para un sitio en vivo/CSS, sino para analizar y "eliminar" innecesariamente hojas de estilo complejas. Después de ese paso, los atributos se agruparán nuevamente.

Answer 1

Usted puede mirar en un marco de extensión CSS, tales como: http://lesscss.org/

No limpiar su CSS, pero le permite crear CSS limpio.

Answer 2

También podría echar un vistazo a Compass http://compass-style.org/. Es un marco basado en CSS rubí

Answer 3

Prueba esto: http://www.cssoptimiser.com/optimize.php Aunque no estoy seguro de cómo convertir a h2.special {color:red;text-align:justify;}

h2.special {color:red} 
h2.special {text-align:justify;} 

sería una mejora. Pero ese optimizador hizo la otra parte (margen inferior).

Básicamente sólo Google "optimizador de CSS"

Answer 4

No creo que puedo sugerir una solución a su pregunta real (me he dado a la pregunta 1, ya que es una buena pregunta, así se le preguntó, y sin una respuesta obvia), pero con respecto a "eliminar" estilos innecesarios, puede probar el Dust Me Selectors complemento de Firefox.