CSS Minimizer?

Знаете ли вы о встроенном CSS-компрессоре, который помогает удалять redudant/ineffecient объявления CSS и заменяет его более оптимизированным CSS?

Смысл, я знаю, что существует множество "компрессоров", которые просто удаляют вкладки, удаляют комментарии и т.д.

Но то, что я ищу, достаточно умное, чтобы знать, что:

border-top: 1px solid red; 
border-bottom: 1px solid red; 
border-right: 1px solid red; 
border-left: 1px solid red;

совпадает с более эффективным:

border: 1px solid red;

UPDATE: CSS, который я пытаюсь оптимизировать, находится по ссылке ниже

http://tinyurl.com/yhy5ln

Ответы

Ответ 1

Будет это сделать? Он украшает, минимизирует, сглаживает и упрощает правила, где это возможно, и может быть сконфигурирован.

Ответ 2

Очистить CSS - это тот, который я пробовал раньше.

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

Если у вас есть, например:

border-top: 3px solid red; 
border-bottom: 3px solid red; 
border-right: 1px solid red; 
border-left: 1px solid red;

Лучший способ оптимизировать это:

border-width: 3px 1px;
border-style: solid;
border-color: red;

Но оптимизатор может не поймать это.

ИЗМЕНИТЬ

Пробовал приведенный выше пример и Clean CSS не разрезал горчицу. Однако лучше Оптимизатор FlumpCakes. Он ловит ваш пример, но не мой расширенный пример.

Ответ 3

Попробуйте Devilo.us

Он также дает вам возможность контролировать, сколько вы хотите сжать свой код.