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

Тема в разделе "Верстка", создана пользователем kuzmit42, 19 мар 2015.

Информация :
Уважаемые пользователи, прежде чем ответить в теме или создать новую, внимательно ознакомьтесь с Правилами раздела и Правилами форума
Для быстрого поиска ответов на ваши вопросы воспользуйтесь Картой раздела и/или Поиском по разделу
Статус темы:
Закрыта.
Модераторы: ultra
  1. kuzmit42

    kuzmit42 Постоялец

    Регистр.:
    9 янв 2013
    Сообщения:
    131
    Симпатии:
    31
    Пример ситуации.
    Есть сохраненный файл через браузер, к нему идет фал CSS 500кб.
    Как оставить только те стили - которые относятся к одной скачанной страничке, а все остальное удалить.
    Есть ли программа которой можно это сделать автоматически, в ручную разбирать не очень охота.
    Кто-то встречал подобный софт ?
     
  2. yaski

    yaski

    Регистр.:
    21 фев 2010
    Сообщения:
    506
    Симпатии:
    301
    Софта нет, только вручную.
    В firebug слева последовательно на каждый элемент DOM нажимаешь, и из правой колонки копируешь стили в чистый css файлик, затем сохраняешь.
     
    kuzmit42 нравится это.
  3. xoxmo

    xoxmo Постоялец

    Регистр.:
    24 мар 2008
    Сообщения:
    144
    Симпатии:
    86
    1. во встроенном дебаггере Google Chrome (кнопка F12) есть вкладка Audits. после аудита там показываются все неиспользуемые цсс, которые есть на страничке.
    2. есть расширения для того же хрома https://chrome.google.com/webstore/search/unused css?hl=ru-RU
    3. есть расширения для файрфокса
     
    kuzmit42, NikroVir и Leony нравится это.
  4. woxel

    woxel Постоялец

    Регистр.:
    12 май 2013
    Сообщения:
    60
    Симпатии:
    25
    Как раз тоже меня интересует - очистка css. Пользуюсь расширениями Firefox: Dust-Me Selectors и Chrome: CSS remove and combine.
    Пробежался по страницам и разделам своего сайта, в итоге имею 3 разных по размеру файла css (используемые, задействованные css).
    Скажите, как сравнить полученные используемые css-файлы и объеденить в 1 общий.
    Вручную перебирать долго, есть ли утилита для сравнения текстовых файлов, в нашем случае css.
     
    kuzmit42 нравится это.
  5. xoxmo

    xoxmo Постоялец

    Регистр.:
    24 мар 2008
    Сообщения:
    144
    Симпатии:
    86
    http://habrahabr.ru/post/150001/ - обзор нескольких сравнивалок и объединялок файлов (в начале статьи)
     
    kuzmit42 и woxel нравится это.
  6. 01K

    01K

    Регистр.:
    27 июн 2013
    Сообщения:
    313
    Симпатии:
    44
  7. hitakiri

    hitakiri Создатель

    Регистр.:
    26 апр 2012
    Сообщения:
    16
    Симпатии:
    6
    • DustMe Selectors — расширение FireBug для Mozilla
    • CSS Usage — расширение FireBug для Mozilla
    Вообще советую для начала хорошо отформатировать к примеру с помощью CSS Comb.
    Далее с помощью приведенных выше плагинов для FireBug чистить.
     
    kuzmit42 нравится это.
  8. troop3r

    troop3r Постоялец

    Регистр.:
    14 ноя 2009
    Сообщения:
    138
    Симпатии:
    22
    Можно прогнать файл через автопрефиксер - https://github.com/postcss/autoprefixer
    Он удалит неактуальные и лишние префиксы из вашего css-файла.
     
Статус темы:
Закрыта.