将所有CSS组合到一个StyleSheet中

在我的应用程序中,我有不同的CSS特定于浏览器。 就像为IE6,IE7等分开......也从右到左(语言)我们有不同的CSS。

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

这会减少响应时间吗?

提前致谢!


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

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

你可以通过使用只在特定浏览器中触发特定属性的黑客来编写css。

喜欢:

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

但是,这将是一个痛苦mantain,也不会验证你的css了。 虽然你减少请求(1或2?)我仍然没有看到问题,如果你正在使用条件注释来加载浏览器特定的CSS为IE6为例。 它仍然会添加1个更多的请求,其实并不多。 如果您认为IE6的使用越来越少,也许只有10%的用户会实际执行该请求。


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

链接地址: http://www.djcxy.com/p/53097.html

上一篇: Combining all CSS into a single StyleSheet

下一篇: Simple implementation for detecting cycles in a directed graph in C#