当我查看 yahoo mail 的源代码时，我在一个使用 & 符号的 link 标签中看到多个 css 文件，如下所示:
href="http://mail.yimg.com/zz/combo?kx/ucs/uh/css/271/yunivhead-min.css&kx/ucs/uh/css/221/logo-min.css&kx/ucs/avatar/css/17/avatar-min.css"
有谁知道，他们如何分离每个文件并使用单个 http 请求加载它们？
最佳答案
在这种情况下，似乎有一个脚本将 css 文件连接到一个响应中。
脚本的路径是http://mail.yimg.com/zz/combo。它接受几个包含 CSS 文件路径的参数，然后这些文件将被合并并可能被缩小。
如果您尝试使用 URL，您会发现可以从 URL 中删除 -min- 前缀，并得到未缩小的 CSS 文件作为返回:http://mail.yimg.com/zz/combo?kx/ucs/uh/css/271/yunivhead.css&kx/ucs/uh/css/221/logo.css&kx/ucs/avatar/css/17/avatar.css
周围有几个 CSS 压缩器，例如 CSSmin .但由于这是一个 Yahoo 页面，他们可能使用自己的 CSS 压缩器，YUI .有关其工作原理的详细信息，请参阅 http://developer.yahoo.com/yui/compressor/#work .
关于css - 使用单个 http 请求加载多个 CSS 文件，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/10101669/