Comment vérifier les règles CSS en double?
J'ai foiré mon css et en quelque sorte j'ai beaucoup de règles en double et mon fichier css de quelque chose de 1800 lignes est maintenant de 3000+ lignes ..
Existe-t-il un moyen/outil qui prendrait mon fichier css en entrée et vérifierait toutes les règles en double? et éventuellement générer un css supprimant ces redondances?
Installer Node JS https://nodejs.org/en/download/
si vous avez déjà installé le nœud js ou après avoir installé la commande Ouvrir la commande de nœud ouvert Fenêtre en tapant nœud (sur la machine Windows) au démarrage.
Tapez la commande suivante pour installer l'outil de purge css
npm install css-purge -g
Une fois l'outil installé,
Ouvrez le dossier dans lequel la fenêtre d'invite de commande du nœud est ouverte et collez-y le fichier CSS foiré, puis tapez la commande suivante dans la fenêtre d'invite du nœud cmd
css-purge -i style.css -o style_purged.css
où style.css est le nom du fichier css gâché, la commande ci-dessus créera un nouveau fichier css avec le nom style_purged.css qui ne contient pas de règles css en double.
Mais attention, cela supprimera également les commentaires que vous avez. https://www.npmjs.com/package/css-purge
Avez-vous essayé CSS Lint ? Cliquez sur la flèche près du Lint! bouton et il ouvrira quelques options avec lesquelles vous pouvez jouer. Assurez-vous que "Interdire les propriétés en double" est coché
J'ai essayé quelques outils tels que CSSLint et CSSBurner . J'ai également essayé le validateur CSS du W3C, que je n'aime pas.
Une chose que j'aime à propos de CSSBurner est qu'il est codé par couleur et vous permet de faire défiler toutes vos erreurs et se répète très rapidement. J'ai trouvé toutes mes répétitions (et d'autres choses) super rapides.