Как удалить лишние селекторы CSS?

Есть html файл 1.хтмл к нему есть CSS файл 2.цсс. В 2.цсс много лишних селекторов которые не используются в документе 1.хтмл . Какой сервиса автоматически при закрузке этих двух документов удалит ненужные селекторы?
  • Вопрос задан
  • 11170 просмотров
Пригласить эксперта
Ответы на вопрос 5
Инструменты разработчика в Google Chrome помогут найти неиспользуемые css-стили. Вот мануал: https://banochkin.com/blog/clean-css/

Сам я если чищу шаблон "под ключ", то просто делаю страницу, где отображены сразу все возможные варианты дизайна блоков на сайте, и на ней запускаю инструмент Хрома. Так точно случайно не удалишь "ненужные" стили.
Ответ написан
HeadOnFire
@HeadOnFire
PHP, Laravel & WordPress Evangelist
www.cleancss.com
https://github.com/peterbe/mincss
Лично я предпочитаю эту процедуру, как и многие другие в процессе работы, выполнять с помощью волшебного Grunt - https://github.com/addyosmani/grunt-uncss
Ответ написан
intellij IDEA умеет хорошо это делать, а еще оптимизирует эти самые стили.
Нужно выбрать пункт Analyze -> inspect Code на анализируемом документе и тебе выдаст все косяки, где можно автоматически сделать БА-БАХ!!!! лишних селекторов.
Ответ написан
@zvorygin
Chrome DevTools, вроде, умеют такое делать.
Ответ написан
Если желаете посмотреть - используйте инструменты разработчика Google Chrome(Audits-Run). Был случай, когда потребовалось удалить большое количество селекторов и я воспользовался автоматической программой:
Dust-Me Selectors - дополнение для FireFox.
Лучшего решения не нашел, все сработало быстро и качественно.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы