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

Question

Я испортил свой CSS и каким-то образом у меня много повторяющихся правил, и мой файл CSS с 1800 строками теперь содержит более 3000 строк..

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

Answer 1

Установить узел JS https://nodejs.org/en/download/

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

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

npm установить css-purge -g

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

Откройте папку, в которой открыто окно командной строки узла, и вставьте туда испорченный файл css, а затем введите следующую команду в окне приглашения узла cmd.

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

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

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

Answer 2

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

Answer 3

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

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