javascript - 将 CSS 值从一个文件应用于整个域

Question

我正在尝试执行以下操作:

1. 创建一个 CSS 文件 - 假设它包含:

   #elementID{
       Background:black !important;
   }

2. 创建对包含我的 CSS 的脚本的引用:

<link rel="stylesheet" type="text/css" href="global.css">

1. 将“global.css”中包含的 css 应用到我域中的所有页面。我只能从这一页引用此脚本。

注意:-我从一个单独的域引用脚本(但如果需要，我可以直接嵌入到 HTML 中)

-我正在努力让它在 IE 兼容模式下工作

这有可能吗？谢谢!!!

Answer 1

是的，您可以使用 javascript 来做到这一点。

<script type="application/javascript">

      if(navigator.userAgent.indexOf('Chrome') > -1)
      {
        document.write('<'+'link rel="stylesheet" href="css/myCssForChrome.css" />');

      }else if(navigator.userAgent.indexOf('Firefox') > -1)
      {
        document.write('<'+'link rel="stylesheet" href="css/myCssForFirefox.css" />');

      }else if(navigator.userAgent.indexOf('Safari') > -1)
      {
        document.write('<'+'link rel="stylesheet" href="css/myCssForSafari.css" />');

      }else if(navigator.userAgent.toLowerCase().indexOf("op") > -1)
      {
        document.write('<'+'link rel="stylesheet" href="css/myCssForOpera.css" />');

      } else {
        document.write('<'+'link rel="stylesheet" href="css/myCssForIExplorer.css" />');

      }


    </script>

代替用户代理从文档中获取域路径并检查您要更改 css 的域。