YUI Compressor和CSS内容？

Question

我有一个包含以下代码的样式表：

.author-name:before {
 content:"by: ";
}

当我通过YUI Compressor运行它时，我得到：

.author-name:before{content:"by:"}

这是一个问题，因为它清除了预期的空格。我想使用YUI Compressor的特殊注释，就像这样：

.author-name:before {
  /*!YUI-Compressor */content: "by: ";
}

..。可能会有帮助，但似乎不会。此外，评论本身也被抹去了。我的印象是JavaScript中以/*! get preserved开头的评论，但实际上并没有发生。

如果不对构建过程进行后处理来解压，有没有办法做到这一点？我们目前使用的是YUI压缩器的2.3.5版本，并与标志--charset utf8 -v -o一起运行

所以，简而言之，我的问题是，有没有办法让YUI Compressor尊重CSS值中的空格，或者有办法在我不想缩小的块前后添加content:注释？

Answer 1

作为一种解决方法，尝试使用unicode实体而不是空格字符本身：

.author-name:before {content: "by:\00A0"; }

尤其是\00A0是不间断的空格。

Answer 2

我使用2.3.4和2.4.6版本测试了您的css，它们都保留了字符串中的空格。因此，这要么是一个非常具体的bug (在bug追踪器中找不到任何东西)，要么就是出了什么问题。你确定这是一个ascii空格字符和常规的撇号(不是Windows的智能字符或其他什么)吗？

当我在相同的css上运行测试时，将ascii引号替换为unicode字符201C，一个左双引号，空格被删除。原因很简单:解析器不会将其识别为字符串，因此会删除空格。

你可能想从这里试试最新的版本，http://yuilibrary.com/download/yuicompressor/。如果您的当前版本是使用某个包管理器安装的:只需从存档的'build‘文件夹中解压.jar文件。

Answer 3

您可以在内容中添加页边距：

.author-name:before {
    content: "by:";
    margin: 0 .35em 0 0;
}