Как очистить CSS ?

Статус
В этой теме нельзя размещать новые ответы.

kuzmit42

Мастер
Регистрация
9 Янв 2013
Сообщения
132
Реакции
31
Пример ситуации.
Есть сохраненный файл через браузер, к нему идет фал CSS 500кб.
Как оставить только те стили - которые относятся к одной скачанной страничке, а все остальное удалить.
Есть ли программа которой можно это сделать автоматически, в ручную разбирать не очень охота.
Кто-то встречал подобный софт ?
 
Софта нет, только вручную.
В firebug слева последовательно на каждый элемент DOM нажимаешь, и из правой колонки копируешь стили в чистый css файлик, затем сохраняешь.
 
Пример ситуации.
Есть сохраненный файл через браузер, к нему идет фал CSS 500кб.
Как оставить только те стили - которые относятся к одной скачанной страничке, а все остальное удалить.
Есть ли программа которой можно это сделать автоматически, в ручную разбирать не очень охота.
Кто-то встречал подобный софт ?
1. во встроенном дебаггере Google Chrome (кнопка F12) есть вкладка Audits. после аудита там показываются все неиспользуемые цсс, которые есть на страничке.
2. есть расширения для того же хрома Для просмотра ссылки Войди или Зарегистрируйся
3. есть расширения для файрфокса
 
Как раз тоже меня интересует - очистка css. Пользуюсь расширениями Firefox: Dust-Me Selectors и Chrome: CSS remove and combine.
Пробежался по страницам и разделам своего сайта, в итоге имею 3 разных по размеру файла css (используемые, задействованные css).
Скажите, как сравнить полученные используемые css-файлы и объеденить в 1 общий.
Вручную перебирать долго, есть ли утилита для сравнения текстовых файлов, в нашем случае css.
 
Как раз тоже меня интересует - очистка css. Пользуюсь расширениями Firefox: Dust-Me Selectors и Chrome: CSS remove and combine.
Пробежался по страницам и разделам своего сайта, в итоге имею 3 разных по размеру файла css (используемые, задействованные css).
Скажите, как сравнить полученные используемые css-файлы и объеденить в 1 общий.
Вручную перебирать долго, есть ли утилита для сравнения текстовых файлов, в нашем случае css.

Для просмотра ссылки Войди или Зарегистрируйся - обзор нескольких сравнивалок и объединялок файлов (в начале статьи)
 
  • DustMe Selectors — расширение FireBug для Mozilla
  • CSS Usage — расширение FireBug для Mozilla
Вообще советую для начала хорошо отформатировать к примеру с помощью CSS Comb.
Далее с помощью приведенных выше плагинов для FireBug чистить.
 
Можно прогнать файл через автопрефиксер - Для просмотра ссылки Войди или Зарегистрируйся
Он удалит неактуальные и лишние префиксы из вашего css-файла.
 
Статус
В этой теме нельзя размещать новые ответы.
Назад
Сверху