Удаление неиспользуемого CSS с кода сайта

В настоящее время я изменяю шаблон сайта, который я нашел бесплатно в Интернете.

Когда я удаляю, например, div из кода, CSS для него остается позади, в одном или нескольких файлах.

Есть ли инструмент, который автоматически удаляет неиспользованный CSS из моего кода? Поэтому я не вручную ищу каждый id и class, который больше не использую и удаляю код.

Ответ 1

Вы можете приблизиться к тому, что вы просите, с помощью вкладки Google Chrome Audit в разделе "Инструменты разработчика". Он не удаляет неиспользуемый CSS, но он покажет вам, какие правила CSS не используются.

Обратите внимание: enter image description here

Ответ 2

Intellij IDEA может это сделать. Перейдите в файл CSS, нажмите "Анализ", а затем уменьшите область анализа до выбранного файла. После этого вам будут представлены все проблемы, связанные с этим файлом. Все ошибки делятся на категории, перейдите к категории с названием "Неиспользуемый селектор CSS", чтобы найти то, что вам нужно. То же самое должно работать для JavaScript. Обратите внимание, что поддержка CSS доступна только в версии Ultimate версии IDEA, хотя она полностью стоит каждого доллара, который вы тратите на нее. Существует также 30-дневный пробный период для Ultimate edition. О, и, кстати, у него отличная поддержка PHP. Существует также более дешевая PHP-специфическая IDE от того же производителя, что и PHPStorm. Функции анализа также доступны там.