página - limpiar css

¿Herramientas para optimizar(eliminar redundancia y fusionar) CSS?

Question

Estoy buscando una buena herramienta de compresión, fusión y optimización de CSS. He encontrado herramientas que limpian el CSS pero no optimizan las sobrescrituras.

Aquí hay un ejemplo básico:

a{color:#000}

y en otra línea el color se sobrescribe con esto:

a{color:#fff}

¿Alguien sabe de una herramienta que pueda limpiar el CSS no utilizado, que se haya sobrescrito y se quede solo con el estilo aplicado?

Answer 1

No entiendo particularmente lo que quieres decir con "CSS limpio no utilizado", pero en cualquier caso, te lanzaré dos herramientas, y tal vez una funcione ( el enfoque de la escopeta ).

CSS Lint parece señalar "propiedades duplicadas". Hay una range de artículos que cubren algunos de lo que hace. Pero una prueba con las dos definiciones que tenías,

a { color: #fff; }
a { color: #000; }

No hizo mucho de nada. Mientras ...

Code Beautifier combinó los dos selectores, optando por el último de los dos (es decir, el estilo que realmente se aplica). Resultando en:

a {
  color:#000;
}