Инструменты для оптимизации (удаление избыточности и слияния) CSS?
Я ищу хороший инструмент сжатия, слияния и оптимизации CSS. Я нашел инструменты, которые очищают CSS, но они не оптимизируют перезаписи.
Вот пример:
a{color:#000}
а на другой строке цвет a
будет перезаписан следующим образом:
a{color:#fff}
Кто-нибудь знает инструмент, который может очистить неиспользованный CSS, который был перезаписан и сохранил только прикладной стиль?
Ответы
Ответ 1
Я не особо понимаю, что вы подразумеваете под "чистым неиспользуемым CSS", но в любом случае я брошу на вас два инструмента, и, возможно, один будет работать (хороший подход к дробовикам).
CSS Lint, кажется, указывает на "дублирующие свойства". Есть диапазон статей, охватывающих некоторые из них, Но тест с двумя определениями, которые у вас были,
a { color: #fff; }
a { color: #000; }
он ничего не делал. Хотя...
Code Beautifier объединил два селектора, выбрав последний из двух (т.е. стиль, который фактически применялся). Результат:
a {
color:#000;
}
Ответ 2
Это довольно удивительно: http://www.milienzo.com/2007/08/07/clean-up-your-css-with-firefox-plugin/ Работает прямо в Firefox. В качестве альтернативы вы можете использовать Adobe Dreamweaver, это довольно хорошо для проверки CSS.