Question

在我的应用程序中，我有不同的特定于浏览器的CSS。像IE6，IE7等单独使用...也适用于从右到左（语言）我们有不同的CSS。

我的问题是可以将所有CSS组合成一个样式表。

这会缩短响应时间吗？

提前致谢！

Answer 1

是的，可以将所有CSS文件合并到一个CSS文件中。您可以在主css文件中导入任意数量的其他样式表，例如：

@import url('ie6.css');
@import url('ie7.css');
@import url('ie8.css');

Answer 2

您可以使用仅在特定浏览器中触发某个属性的黑客来编写css。

像：

*color: black; /* for IE7 and below */
_color: black; /* for IE6 and below */

但这对mantain来说是一种痛苦，也不会再验证你的css了。虽然你确实减少了请求（减少了1或2？），但是如果你使用条件注释来加载IE6的浏览器特定的css来进行exaple，我仍然没有看到问题。它仍然会增加1个请求，实际上并不多。如果你认为IE6的使用越来越少，也许只有10％的用户会真正做到这一点。

Answer 3

如果您为不同的浏览器使用单独的css文件，则应该只加载浏览器特定的css文件。在这种情况下，通过组合它们不会看到太多的节省。一般来说，你应该尝试跨浏览器工作的CSS。

Answer 4

可能？是。实际的？没那么多。特别是涉及浏览器特定的CSS。你可以使用CSS黑客但恕我直言他们是非常丑陋的东西，破坏了CSS的可读性。相反，我会使用条件评论conditional comments。对于IE来说，世界其他地方都试图使用一个合适的CSS。

至于减少时间，就你使用静态css文件而言，下载速度增益可以忽略不计。静态文件大多是缓存的，因此您只需保存几个仅返回“未修改”的请求。

将所有CSS组合到一个StyleSheet中

4 个答案: