Сохранить оптимизированный CSS из Firebug?

Question

При проверке элемента в Firebug отображается список CSS с перечеркнутыми переопределенными свойствами. Можете ли вы извлечь все не переопределенные CSS, активные на одной странице, в файл? Альтернативно, есть ли другой инструмент, способный анализировать таблицы стилей, удаляя свойства, которые были узурпированы теми, кто позже в файле?

Мой вариант использования (хотя и не относящийся конкретно к принципу, которого я пытаюсь достичь) - это редактирование существующей темы Wordpress с CSS, распределенной по нескольким файлам с множеством перекрывающихся стилей. Я доволен текущим появлением в браузере и просто хочу захватить весь активный CSS, поместить его в один файл и выбросить остальные.

Answer 1

Вы можете просто сбросить весь CSS в один файл.Убедитесь, что все файлы отображаются в том порядке, в котором они будут вызываться на веб-сайте, чтобы стили были оптимизированы правильно и использовались правильные переопределения.Позиционирование в документе важно.

Тогда вы можете просто запустить этот файл через любой автоматический CSS-оптимизатор в Интернете, например, такой:
http://www.cssoptimiser.com/

Я использую оптимизаторвсякий раз, когда я пишу новый файл CSS, просто чтобы убедиться, что мой CSS настолько точен, насколько это возможно.

Answer 2

Не совсем то, что вы хотите, но оно все равно может делать то, что вам нужно. Посмотрите на cssUpdater

Это дополнение к Firefox и сопровождающее его эфирное приложение, которое может обновлять фактический файл CSS по мере внесения изменений в Firebug. Весьма полезно и экономит время.

Другой способ - использовать возможность редактирования CSS надстройки для веб-разработчиков для Firefox.

Firediff - это еще одна надстройка Firebug, которая может показать вам изменения вашего CSS по сравнению с исходным состоянием при настройке Firebug.