防止YUI Compressor剥离前面的空间!important

时间:2012-03-22 21:51:57

标签: css compression yui media-queries yui-compressor

我的网站使用YUI Compressor缩小CSS并删除前面的空格!important使得css声明不起作用。有没有办法阻止它这样做?

预压缩

@media screen and (max-width: 1146px) {
    #controls_zoom {display:none !important}
}
@media screen and (max-width: 1060px) {
    #controls_views {display:none !important}
}
@media screen and (max-width: 925px) {
    #controls_pagination {display:none !important}
}
@media screen and (max-width: 587px) {
    #ybNewSearchContainer {display:none !important}
}

后的压缩

@media screen and(max-width:1146px){#controls_zoom{display:none!important;}}@media screen and(max-width:1060px){#controls_views{display:none!important;}}@media screen and(max-width:925px){#controls_pagination{display:none!important;}
}@media screen and(max-width:587px){#ybNewSearchContainer{display:none!important;}}

更新

在线查看了一些帖子之后,我发现在我的媒体查询的and部分@media screen and(部分中删除的空格实际上存在问题。

1 个答案:

答案 0 :(得分:1)

此错误已在较新版本的YUI Compressor中修复,如下所示:

http://www.456bereastreet.com/archive/201012/yui_compressor_and_css_media_queries/

此处记录了此错误:

http://yuilibrary.com/projects/yuicompressor/ticket/2528087