Как проверить дублирующие правила CSS?

Я испортил свой css, и как-то у меня есть много дубликатов правил, а мой 1800 строк css файла теперь имеет 3000 строк.

Есть ли способ/инструмент, который будет использовать мой файл css в качестве входных данных и проверять все повторяющиеся правила? и, возможно, сгенерировать css, удалив эти избыточности?

Ответы

Ответ 1

Установить Node JS https://nodejs.org/en/download/

если вы уже установили Node js или после установки открытого окна командной строки Node, введя node (на машине Windows) в начале.

Введите следующую команду для установки средства очистки css

npm install css-purge -g

После установки инструмента

Откройте папку, в которой открыто окно командной строки Node, и вставьте туда css файл, а затем введите следующую команду в окне Node cmd prompt

css-purge -i style.css -o style_purged.css

где style.css - это имя испорченного css файла, приведенная выше команда создаст новый файл css с именем style_purged.css, который не содержит повторяющихся правил css.

Но будьте осторожны, он также удалит ваши комментарии. https://www.npmjs.com/package/css-purge

Ответ 2

Вы пробовали CSS Lint? Нажмите стрелку на Lint! и он откроет некоторые параметры, с которыми вы можете играть. Убедитесь, что отмечен флажок "Запретить повторяющиеся свойства"

Ответ 3

Я попробовал несколько инструментов, таких как CSSLint и CSSBurner. Я также пробовал CSS Validator от W3C, который мне не нравится.

Одна вещь, которая мне нравится в CSSBurner, заключается в том, что она имеет цветную кодировку и позволяет вам быстро просматривать все ваши ошибки и повторять. Я нашел все свои повторения (и другие вещи) очень быстро.