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

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

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

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

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

Заметим: введите описание изображения здесь

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