不会删除 IE hack 的在线 CSS 压缩答案

【问题标题】：Online CSS compress which doesn't remove IE hacks不会删除 IE hack 的在线 CSS 压缩
【发布时间】：2012-09-29 21:50:35
【问题描述】：

是否有在线的 CSS 压缩器不会删除任何 CSS 浏览器黑客。

例如：使用：cleancss.com 没有区别我设置的选项将始终删除用于 IE 显示内联块黑客的 *display。

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;
}

【问题讨论】：

不是您的问题的答案，但您是否考虑过使用条件 cmets 和单独的样式表而不是 hack？干净多了....
为什么需要压缩css？我不认为它会节省很多。
@Pekka 我过去尝试过这个，虽然我更喜欢所有相关的 CSS。
@MichaelGarrison 文件超过 5000 行，所以它节省了一点，当我部署网站时，我压缩 CSS 以通过合并具有相同属性的选择器来让某人更难复制跨度>
复制缩小的 CSS 很方便。此外，它应该是可复制的。尝试使用另一个，也许refresh-sf.com/yui（YUI 很好吃）

标签： css compression

【解决方案1】：

CSS Compressor 和Clean CSS 通常对我有用，尽管我更喜欢为所有早期版本的 Internet Explorer 使用不同的样式表。通常最好让以前的浏览器单独支持 css。或者将 hack 保存在一个单独的文件中并将其附加到压缩的 css 中。

但是，在您的情况下，压缩器确实会删除 *

我不知道有任何在线压缩器可以保存这些黑客，但是，我可以提供解决方法。

解决方案是在选择器而不是属性上使用 hack。以下是几个例子：

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

在此处查看其他可用的黑客攻击：http://paulirish.com/2009/browser-specific-css-hacks/

如果这对您不起作用，另一种解决方法可能会有点烦人，但在压缩之前，在像

之类的 hack 之前添加一些独特的值

#uno {#HACK#display:inline;}

然后在使用文本编辑器压缩后将所有#HACK# 替换为*

【讨论】：

【解决方案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 压缩器”，打开了前 6 个结果，发现这四个都压缩了您的代码，而没有删除任何 hack。

stackoverflow 不应该用于询问您懒得自己搜索的问题。

【讨论】：

+ 1 : cssdrive 压缩器cssdrive.com/index.php/main/csscompressor 完美无缺。

【解决方案3】：

这四个五个在线缩小器中的任何一个都以您满意的方式工作

还有一个智能工具（由俄罗斯 Yandex 开发和使用）具有在线和后端两个版本

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

【讨论】：

+ 1 : cssdrive 压缩器cssdrive.com/index.php/main/csscompressor 完美无缺。

【解决方案4】：

试试基于 CSSTidy 的Devilo.us。您可以准确选择压缩的程度和方式。

【讨论】：

【解决方案5】：

http://css.github.com/csso/csso.html — 这个对我有用。它不仅可以修剪未使用的符号，还可以删除重复的规则，并在帮助中将选择器的大小缩小。

是以下工具的在线版本：https://github.com/css/csso

【讨论】：