Я испортил свой css и как-то у меня есть много дубликатов правил, а мой 1800-строк строк css-файла теперь из 3000 строк.Как проверить дублирующие правила CSS?
Есть ли способ/инструмент, который бы взял мой файл css в качестве входных данных и проверить все повторяющиеся правила? и, возможно, сгенерирует css, удаляя эти избыточности?
Вы попробовали CSS Lint? Нажмите стрелку на Lint! и он откроет некоторые параметры, с которыми вы можете играть. Убедитесь, что «Disallow повторяющихся свойств» проверяются
Я пробовал отказываться от дубликатов, и он даже не выдавал никаких предупреждений. Я попробовал Devilo выше и, по крайней мере, комбинировал повторяющиеся теги, даже если контент был немного другим. –
Не удалял для меня дубликаты. –
Установки узла JS https://nodejs.org/en/download/
если у вас есть уже узловые JS установленных или после установки команды открытого узла окна командной строки, набрав узел (на окна машины) в начале.
Тип следующую команду, чтобы установить CSS продувочного инструмент
НПМ установить Css продувкой -g
После установки инструмента,
Откройте папку, где команда узла окно запроса является откройте и вставьте испорченный файл css, а затем введите следующую команду в окне подсказки cmd узла.
CSS продувка -i style.css -o style_purged.css
где style.css это имя перепутались файла CSS, вышеприведенная команда создаст новый файл CSS с именем style_purged.css, который делает не содержат повторяющихся правил CSS.
Но будьте осторожны, он также удалит ваши комментарии. https://www.npmjs.com/package/css-purge
Отличный инструмент, спасибо! –
Это сработало! (и для записи ничего в других ответах не было.) –
@Akshay Есть ли способ не чистить комментарии? – ankitd
Я пробовал пару инструментов, таких как CSSLint и CSSBurner. Я также пробовал CSS Validator от W3C, который мне не нравится.
Одна вещь, которая мне нравится в CSSBurner, заключается в том, что она имеет цветовое кодирование и позволяет прокручивать все ваши ошибки и повторять очень быстро. Я нашел все свои повторения (и другие вещи) очень быстро.
Я не думаю, что CSS Validator - это плохо. Я собираюсь проверить CSSLint и CSSBurner (еще не пробовал), но если они вонят, я отрицаю этот ответ. –
Я поддерживаю вас, потому что CSSLint и CSSBurner оба хороши. CSSBurner выглядит более функциональным и предлагает больше возможностей сканирования CSS, чем CSSLint, но интерфейс/дизайн CSSBurner не о чем писать.С другой стороны, интерфейс CSSIint/UI очень приятный, но менее функциональный. –
Мне хотелось бы узнать это до – Timothy
Возможный дубликат [Инструменты для оптимизации (удалить избыточность и слияние) CSS?] (Https://stackoverflow.com/questions/12451354/tools-to-optimize-remove-redundancy- и-слияния-CSS). –