css - 浏览器检测 CSS : Use separate CSS files or inline CSS or. ..？

Question

我想知道哪一个最适合速度:

选项 1:为每个浏览器加载单独的 CSS(通过 <script/> 包含单独的 JS 文件):

// for internet explorer 6 & 7
if ($.browser.msie) {
    document.write('<link rel="stylesheet" type="text/css" href="/css/styles-ie.css" />');
}

// for opera
if ($.browser.opera) {
    document.write('<link rel="stylesheet" type="text/css" href="/css/styles-opera.css" />');
}

选项 2:内联 CSS(通过 <script/> 包含单独的 JS 文件):

// for internet explorer 6 & 7
if ($.browser.msie) {
    document.write('[some CSS styles]');
}

// for opera
if ($.browser.opera) {
    document.write('[some CSS styles]');
}

选项3:或者还有其他更好的方法吗？

Answer 1

我喜欢conditional comments最好的，虽然我没有真正测试它，但我希望它也是最快的选择，因为不涉及 DOM 操作。还有一个great article关于支持 IE 与此技术对话，但阅读有关某些 pitfalls 的文章可能会有所帮助。也是如此。

根据我的经验，除了 IE 之外，没有必要对其他浏览器做出任何异常(exception)，但由于您的示例也列出了 Opera，我建议您使用一些 CSS hack 来进行 Opera 所需的(可能很小)更改。如果您在网络上搜索 Opera Specific CSS，您可能会找到您喜欢的东西;)