web-dev-qa-db-fra.com

Supprimer les déclarations CSS en double sur plusieurs fichiers

Je cherche à supprimer les déclarations CSS en double d'un certain nombre de fichiers pour faciliter la mise en œuvre des modifications. Existe-t-il un outil qui peut m'aider à le faire?

En ce moment, je suis confronté à quelque chose comme ça:

styles.css
#content {
width:800px;
height:1000px;
background: green;
}

styles.game.css
#content {
width:800px;
height:1000px;
background: blue;
}

Et je veux ça:

styles.css
#content {
width:800px;
height:1000px;
background: green;
}

styles.game.css
#content {
background: blue;
}

Le nombre total de lignes dans tous les fichiers est bien supérieur à 10k, donc les techniques qui reposent sur l'édition manuelle ne sont pas une option.

cssduplicatesduplicate-removal
29
kotekzot

J'ai écrit un outil spécialement à cet effet appelé csscss . En prime, il s'intègre également avec Sass et LESS. Essayez-le et faites-moi savoir si vous avez un problème avec github.

10
Zach Moazeni

m'a aidé à nettoyer les sélecteurs - utilisation CSS - extension Firebug pour voir quelles règles CSS sont réellement utilisées.

https://addons.mozilla.org/en-US/firefox/addon/css-usage/

9
Praveen Vijayan

J'ai fait un outil nodejs pour aider à cela, il gère actuellement des fichiers simples mais laissez-moi savoir si cela aide ou si vous avez des améliorations, n'hésitez pas à le bifurquer et à le prendre à un autre niveau aussi :)

https://npmjs.org/package/css-purge

https://github.com/rbtech/css-purge

6
AEQ

Ce système prétend le faire: http://sourceforge.net/projects/cssmerge/?source=dlp

Mais je ne pouvais pas le faire fonctionner, cependant.

Voici donc quelques outils pour comparer les fichiers CSS. Elle n'est pas aussi rapide qu'une solution automatique, mais la rendrait plus rapide que la comparaison visuelle seule.

http://www.diffchecker.com/

http://www.araxis.com/merge_mac/index.html

http://csscompare.codeplex.com/

3
Fabio Nolasco

Vous pouvez utiliser le validateur CSS W3C pour supprimer les doublons des propriétés. Téléchargez le fichier CSS en cliquant sur Par téléchargement de fichier et cliquez sur vérifier, puis accédez à la partie des avertissements où vous pouvez voir les propriétés en double répétées. Ensuite, vous pouvez supprimer vos doublons en accédant à une ligne spécifique du fichier.

URL: http: //jigsaw.w3.org/css-validator/#validate_by_upload

1
harshakasireddy