Онлайн CSS сжатие, которое не удаляет IE взлом

Question

Есть ли в сети компрессоры CSS, которые не удаляют взлом браузеров CSS.

Например: используя: http://www.cleancss.com/, не имеет значения, какие опции я установлю, он всегда удалит *display для IE отобразить взлом блока inline-блока.

a {
    border-radius:5px
    display: inline-block;
    *display: inline;
    zoom: 1;
    text-shadow: 0 2px 3px rgba(0,0,0,0.4);
    -moz-border-radius:5px;-webkit-border-radius:5px;
}

Answer 1

CSS Compressor и Clean CSS обычно работают для меня, хотя я предпочитаю использовать разные таблицы стилей для всех предыдущих версий Internet Explorer. Обычно лучше, чтобы предыдущий браузер поддерживал CSS отдельно. Или сохраните хаки в отдельном файле и добавьте его в сжатый css.

В вашем случае, однако, компрессоры удаляют *

Я не знаю никаких онлайн-компрессоров, которые бы защищали от взлома, однако я могу предложить обходные пути.

Решением будет использование хаков на селекторе, а не на атрибуте. Вот пара примеров:

* html #uno  { color: red } /*IE6 and below*/
*+html #dos { color: red }  /*IE7*/

Проверьте здесь о других доступных хаков: http://paulirish.com/2009/browser-specific-css-hacks/

Если это не сработает для вас, то это может быть немного утомительно, но перед сжатием добавьте какое-то уникальное значение, прежде чем взломать, например

#uno {#HACK#display:inline;}

а затем после сжатия с помощью текстового редактора заменить все #HACK# с *

Answer 2

Этот работал для меня, используя ваш тестовый код - http://www.cssdrive.com/index.php/main/csscompressor

Как это было сделано - http://iceyboard.no-ip.org/projects/css_compressor, http://www.refresh-sf.com/yui/ и http://tools.arantius.com/css-compressor

Возможно, стоит погуглить ваш вопрос, прежде чем вы действительно разместите его здесь. Я выполнил поиск по запросу "css compressor", открыл первые 6 результатов и обнаружил, что эти четыре все сжали ваш код, не удаляя хаки.

Не рекомендуется использовать stackru для запроса чего-то, что вы слишком ленивы для поиска.

Answer 3

Любой из этих пяти онлайн-минифинеров работает так, как вы довольны

• http://www.creativyst.com/Prod/3/
• http://www.cssdrive.com/compressor/compress.php
• http://iceyboard.no-ip.org/projects/css_compressor
• http://tools.arantius.com/css-compressor
• http://www.cssdrive.com/index.php/main/csscompressor/ (спасибо JFK)

А также умный инструмент (разработанный и используемый российским Яндексом) имеет как онлайн, так и back-end версии.

• http://css.github.com/csso/csso.html

Answer 4

Попробуйте http://devilo.us/, который основан на CSSTidy. Вы можете выбрать точно, сколько он сжимает и как.

Answer 5

http://css.github.com/csso/csso.html - этот работал для меня. Он не только обрезает неиспользуемые символы, но также удаляет дубликаты правил и селектор группы, если в справке уменьшают размер.

Это онлайн-версия следующего инструмента: https://github.com/css/csso