1

如何将所有颜色代码#XXYYZZ 转换为整个 css 文件的较短的 3 字符版本#XYZ?

4

3 回答 3

5

您可以转换为仅以这种方式表示的较短的 3 字符版本:#RRGGBB 其中第一个和第二个字符相同,第三个和第四个字符相同,第五个和第六个字符相同。

所以:#CC00DD可以缩短为#C0Dwhile #CC01DDcannot。

缩短 CSS 文件中所有可能颜色的快速方法是使用支持正则表达式的编辑器(例如 Linux 上的 kwrite 或 kate)打开文件并替换(忽略大小写)以下正则表达式:

#([0-9A-F])\1([0-9A-F])\2([0-9A-F])\3

使用此替换文本:

#\1\2\3

与凯特一起测试。

否则,您可以使用此工具,如果您只需要压缩颜色代码,则可以取消选中除“尽可能压缩颜色代码”之外的所有选项。

于 2010-01-30T12:19:35.770 回答
3

如果您只是对最小化 CSS 文件的下载大小感兴趣,您可以使用众多可用的 CSS 压缩器之一(例如这个)。并且一定要对你的 javascript 文件做同样的事情。

于 2010-01-30T11:59:23.200 回答
1

如果 CSS 颜色代码采用以下形式,您只能将其缩短为 3 个字符的版本

#XXYYZZ

然后可以缩写

#XYZ

只有 216 个不同的代码符合此要求。

于 2010-01-30T12:00:42.410 回答