Outils pour optimiser (supprimer la redondance et fusionner) CSS?

Question

Je recherche un bon outil de compression, de fusion et d'optimisation CSS. J'ai trouvé des outils qui nettoient le CSS mais ils n'optimisent pas les écrasements.

Voici un exemple de base:

a{color:#000}

et sur une autre ligne, la couleur a est remplacée par ceci:

a{color:#fff}

Quelqu'un connaît-il un outil qui peut nettoyer le CSS inutilisé, qui a été écrasé et ne conserver que le style appliqué?

Answer 1

Je ne comprends pas particulièrement ce que vous entendez par "nettoyer le CSS inutilisé", mais en tout cas, je vais vous lancer deux outils, et peut-être qu'un fonctionnera ( le bon vieux fusil de chasse) approche ).

CSS Lint semble indiquer des "propriétés en double". Il y a une gammed'articles couvrant une partie de ce qu'il fait. Mais un test avec les deux définitions que vous aviez,

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

cela n'a pas fait grand-chose. Tandis que ...

Code Beautifier a effectivement combiné les deux sélecteurs, optant pour le dernier des deux (c'est-à-dire le style qui est réellement appliqué). Résultant en:

a {
  color:#000;
}