javascript - 如何为相应的浏览器调用不同的 css，例如使用 jquery

Question

这个已经有人问了how do call specific css for specific browser using jquery

我想将一个 css 文件用于 safari，另一个用于 Mozilla，另一个用于 IE

Answer 1

您应该在服务器端执行此操作(或者更好，根本不执行)。但是如果你不想做这个客户端，你需要这样的东西。

var writeStyleSheet = function(url){
    var linkTag = document.createElement('link');
    linkTag.type = 'text/css';
    linkTag.rel = 'stylesheet';
    linkTag.href = url;
    linkTag.media = 'screen';
    document.getElementsByTagName("head")[0].appendChild(linkTag);
}
if(jQuery.brwoser.msie){
    writeStyleSheet('ie.css');
}
else if(jQuery.browser.safari){
    writeStyleSheet('safari.css');
}
else if(jQuery.browser.mozilla){
    writeStyleSheet('mozalla.css');
}

但是请注意，jQuery.browser 在 1.3 中已被弃用。您应该创建适用于所有浏览器的样式表。可能为 IE 特定 hack 添加一些条件注释:

 <!--[if IE]>
  <link type='text/css' href='ieHacks.css' rel='stylesheet' />
 <![endif]-->